网易首页 > 网易号 > 正文 申请入驻

分享一个我用GPT6+Hyper3D搭可互动个人作品集的新技巧

0
分享至

昨天用AI搭了个3D工作间,

效果出来的时候还挺满意的,发了条朋友圈,一堆人问怎么做的。

但我搭完之后坐那看了一会,又突然有个念头冒出来。3D工作间说到底就是一个好看的房间,逛完也就结束了,主要为我现实服务的。但如果我想做一个虚拟空间,里面每个物件都能打开一段经历、一个作品、一个案例呢?

没错,我想做一个能走进去逛的3D个人作品集。

然后折腾了差不多一下午,我用 GPT6 + Hyper3D Rodin 做出了个这个。

我可以说,非!常!满!意!

怎么说呢,这个游玩感受就是我一直想要的,打开一个网页,进入一个房间,桌上放着一台老式放映机,墙上挂着几个相框,角落有个地球仪,书架上有几本书,是我想象中的AI版有求必应屋。

有一种3D手游的个人空间的即视感了,用来做成自己的简历,这个概念刚刚合适,既有互动可玩性,画面还很有趣,我还能一直往里面加东西。

可以穿过书架进入密室,然后直接跳转我的learnprompt教程网页,哈利波特迷狂喜,我研究一下可以再加一些魔法动画就好了。

我甚至做了一个可以实时互动的小游戏,在平面上一边玩愤怒的小鸟,桌面上的实体3D小鸟模型也会飞出去,感觉有点玩嗨了。

真迫不及待给大家分享教程了。

其实刚开始玩GPT-6 Astra的时候很快就会遇到第一个问题,就是能搭建房间、能写Three.js代码、能把模型塞进网页。但你让它自己做3D模型的话,就只能说停留在基础的几何体层面。

比如,我一开始先让GPT6给我做一个复古放映机,它给我的是这样的。

远看,嗯,像那么回事。凑近一看,几何结构糊成一团,纹理感觉像拿马赛克拼的,至少在我这里这样质感的东西是有点拿不出手的,完全达不到能使用的标准。

说实话,GPT6确实是目前最强的理解和编排引擎,这个没什么好说的。但3D模型生成跟理解需求、写代码、规划流程是两套完全不同的能力。让LLM自己从零建模,就像让一个天才项目经理去手搓精密零件,它就不是干这个的。

所以现在基本上的流程都是,GPT6负责理解你想要什么、规划怎么做、把代码写好串起来,然后通过MCP接到更专业的3D生成模型,再让GPT6把建模好的道具们通过集合到一个网页里。

这里我用的是我一直在用的AI 3D工具Hyper3D Rodin,刚好他们最近上线了MCP,也是目前唯一在MCP中加入拆件功能的,而我这次刚好就想在道具互动的位置加入拆件动画,提示语我也整了一个简单直接的,

帮我接上影眸Hyper3D的MCP,地址是api. hyper3d. com/api/mcp,服务名叫hyper3d,用Streamable HTTP和OAuth授权。已经配置过就直接复用,需要我登录的时候告诉我,连好后看看能用哪些功能。

而且经过我的对比,GPT-6在制作3D人物角色模型上效果很难达到要求,它的建模方式有点像搭积木,把简单的几何体一个个拼起来,比较适合方块、球体这类低模场景,强项是处理交互和空间关系。遇到人物、动物这类复杂模型,就可以交给专业的 Hyper3D Rodin,细节更丰富,材质也更真实,形态结构复杂的模型也可以生成。配合 GPT-6,生成又快又稳,能省下不少时间和 token。

回到正题,

顺着这个思路,我的第一步是先让GPT-6根据我想要的画风生成一张画面整体风格的参考图,复古、暖色调、带点蒸汽朋克的细节,这些全在图里定好。


然后通过MCP丢给Hyper3D Rodin,

让它基于这张图分别生成多个3D模型,用gpt6好处就是还可以一口气重复生成多个,我基本都是设置一个goal然后等几个小时就搞定了,我这个场景用了35个完整的精细建模。







OK,那模型质量搞定了,但是当然还不够。

既然要做互动网页,只是点点看看就有点无聊了,我还是想添加一些动画增加游玩的乐趣,但怎么让能让我鼠标点开的东西自己动起来呢?

刚开始我也觉得挺简单,要不就给模型加个旋转动画得了,但是感觉好像就是差点意思。因为放映机这个模型,我要是想让胶片盘自己转,机身就不能动。但一般的3D模型就是一整坨mesh,胶片盘和机身焊死在一起。代码里你只能操控整台放映机,没法单独碰胶片盘。

要做到零件级的独立控制,得先把模型拆开。

这就用到Hyper3D的BANG了。

BANG做的事情就很直观了,你把Rodin生成的完整模型丢给它,它会自动按结构拆成独立零件。放映机的卷轴是一个piece,机身是一个,镜头是一个,每个零件都变成一个独立的3D对象。

也是直接告诉GPT,用Hyper3D MCP的BANG把模型拆开就行。

再比如柜子,整个柜子本来是一体的模型,BANG拆完之后每本抽屉都独立了。你让其中几个移动,这样一看就知道这里面有东西,点进去是你写过的文章或者做过的项目复盘。

还有个小彩蛋,这个场景里面所有的东西都是会移动的,包括鼠标,我也把整个流程打包成skill发布了。


github. com/LearnPrompt/3Dworkshop

最后再串一下整个流程,

你有一个想法,比如做一个展示个人成长轨迹的3D作品集。先想好房间里放什么物件,每个物件背后对应什么内容。比如我这里就是,放映机对应我的goodcase,书架对应我的learnprompt,地球仪对应你参与的项目分布,相框对应你的关键时刻。

然后让GPT-6画参考图,再通过MCP让Hyper3D Rodin生成3D模型,用BANG把模型拆成零件,再让GPT-6写代码把拆好的零件放进网页,各自加上动效和交互逻辑。

想法 → GPT画参考图 → Rodin生成3D → BANG拆件 → GPT写交互代码 → 上线。

全程都用AI串联,咱们要做的就是想清楚怎么交互,以及每个物件点进去之后看到什么内容,就可以了。

顺便说一下,Hyper3D最近开了创作者计划。现在通过MCP可以免费领10个Credits,还能1刀开通原价30刀的创作者会员,如果你也想试试把自己的经历做成一个3D空间,现在上手成本真的很低。


做完这个之后,其实我有个很直观的感受。

个人作品集这东西,过去大家默认就是一份PDF简历,一个Notion页面,或者一个个人博客。

这些都是平面的,都是静态的,看的时候我们要一行一行往下读,需要一些耐心。

但这个时代,人们最缺的就是耐心。

最需要的就是让人眼前一亮,愿意耐着性子继续往下探索。

做3D空间的简历展示就是这样,

你走进去,每个物件都在轻轻动着,等你去发现它。

它展示了你作品,也展示了你构建这个空间时的思路,

是不是拥有创意的想法,

以及一个一个搭建起来的执行力,

这个空间本身就已经是你最好的作品了。

@ 作者 / 卡尔 & 阿汤

最后,感谢你看到这里如果喜欢这篇文章,不妨顺手给我们点赞|在看|转发|评论

如果想第一时间收到推送,不妨给个星标

如果你有更有趣的玩法,欢迎聊聊

更多的内容正在不断填坑中……


特别声明:以上内容(如有图片或视频亦包括在内)为自媒体平台“网易号”用户上传并发布,本平台仅提供信息存储服务。

Notice: The content above (including the pictures and videos if any) is uploaded and posted by a user of NetEase Hao, which is a social media platform and only provides information storage services.

相关推荐
热点推荐
谈判结束,乌克兰作出重大让步,普京感谢特朗普,英法德意选边站

谈判结束,乌克兰作出重大让步,普京感谢特朗普,英法德意选边站

阿腩讲娱乐
2026-10-22 07:41:13
三问“问界汽车在神木碰撞起火事故”:撞击瞬间时速是多少?AEB是否启动?起火是否太快?

三问“问界汽车在神木碰撞起火事故”:撞击瞬间时速是多少?AEB是否启动?起火是否太快?

澎湃新闻
2026-10-23 07:46:29
离谱!顺风车司机犯困,让乘客自己开车,两个多小时路程乘客开了一个半小时,车费还要全额收;平台:属于车主违规行为,车费全额退还

离谱!顺风车司机犯困,让乘客自己开车,两个多小时路程乘客开了一个半小时,车费还要全额收;平台:属于车主违规行为,车费全额退还

扬子晚报
2026-10-22 12:47:11
难怪都想当公务员,大V:山东三线城市公务员一辈子能拿到1000万收入

难怪都想当公务员,大V:山东三线城市公务员一辈子能拿到1000万收入

老郭在学习
2026-10-22 13:33:24
打疯了!骑士打爆四巨头76人:最多领先29分,哈登遭全场嘘声

打疯了!骑士打爆四巨头76人:最多领先29分,哈登遭全场嘘声

体坛小李
2026-10-23 08:26:20
战满5盘惜败!国乒女团2-3不敌日本队,遗憾无缘亚锦赛冠军

战满5盘惜败!国乒女团2-3不敌日本队,遗憾无缘亚锦赛冠军

全景体育V
2026-10-22 22:07:20
问界汽车碰撞起火司机死亡,当地交管称交通灯柱没被撞断,“未撞断”正常吗?交通灯柱是如何设计防撞的?

问界汽车碰撞起火司机死亡,当地交管称交通灯柱没被撞断,“未撞断”正常吗?交通灯柱是如何设计防撞的?

贵重物品爱美食
2026-10-22 21:20:00
跌光360亿,段永平亏惨了

跌光360亿,段永平亏惨了

投资家
2026-10-22 19:53:58
8年前,马哈蒂尔叫停了中马铁路合同转向日本,拒绝赔付中国361亿,2026年这条铁路进度达93%,最后结局反转得连狗血剧本都不敢这么写

8年前,马哈蒂尔叫停了中马铁路合同转向日本,拒绝赔付中国361亿,2026年这条铁路进度达93%,最后结局反转得连狗血剧本都不敢这么写

扶苏聊历史
2026-10-22 14:37:54
外籍首席采购官上任仅1个月,山姆就启动“好健康”大召回,只退款不赔偿

外籍首席采购官上任仅1个月,山姆就启动“好健康”大召回,只退款不赔偿

食悟
2026-10-22 21:36:59
3-0胜米兰+欧联3连胜!英超0冠大黑马造50年奇观 15年前还在踢英甲

3-0胜米兰+欧联3连胜!英超0冠大黑马造50年奇观 15年前还在踢英甲

风过乡
2026-10-23 06:35:53
一个利空,引发全球“黑色星期四”

一个利空,引发全球“黑色星期四”

中国基金报
2026-10-22 16:04:54
地铁站内看书5个小时女子出站时被扣15元,官方回应:设有270分钟乘车时限,超时须补交最高票价

地铁站内看书5个小时女子出站时被扣15元,官方回应:设有270分钟乘车时限,超时须补交最高票价

每日经济新闻
2026-10-22 17:17:44
深圳个人破产案例爆火!男子负债158万申请个人破产,五年还款29.4万,剩余债务可豁免,评论炸锅

深圳个人破产案例爆火!男子负债158万申请个人破产,五年还款29.4万,剩余债务可豁免,评论炸锅

火山詩话
2026-10-22 09:06:52
江青机要秘书杨银禄晚年坦言:不管外界怎么说,有件事我一直感谢江青,做人讲求实在

江青机要秘书杨银禄晚年坦言:不管外界怎么说,有件事我一直感谢江青,做人讲求实在

磊子讲史
2026-10-22 16:54:01
紫牛头条 | “这孩子有跑步天赋 ”, 父亲听网友“劝”让女儿参赛,孩子拿了一个冠军一个亚军

紫牛头条 | “这孩子有跑步天赋 ”, 父亲听网友“劝”让女儿参赛,孩子拿了一个冠军一个亚军

扬子晚报
2026-10-22 22:20:48
“好好学习吧,令爱的长相走不了这条路!”家长晒艺术照,心态崩了!

“好好学习吧,令爱的长相走不了这条路!”家长晒艺术照,心态崩了!

林林先生
2026-10-21 18:10:25
看了长征后的伟人照,再看《伟大的长征》,谁还在喷于和伟不像的,那就真是当代博古李德了

看了长征后的伟人照,再看《伟大的长征》,谁还在喷于和伟不像的,那就真是当代博古李德了

娱乐故事
2026-10-22 19:20:49
印度一档时事节目上,主持人 Meher Smaran 当着观众的面发问,中国凭什么不把锂电池技术白白送给印度?

印度一档时事节目上,主持人 Meher Smaran 当着观众的面发问,中国凭什么不把锂电池技术白白送给印度?

怪味历史连连看
2026-10-22 17:26:13
一心想要冲出舒适区,连领导都劝不住!30岁程序员从国企跳槽到百度,入职2个月就被裁

一心想要冲出舒适区,连领导都劝不住!30岁程序员从国企跳槽到百度,入职2个月就被裁

蝴蝶花雨话教育
2026-10-23 00:05:15
2026-10-23 09:27:00
卡尔的AI沃茨 incentive-icons
卡尔的AI沃茨
前大厂算法工程师,3家科技公司技术总监|致力打造最系统的Al学习体系,让1万人通过Al提高生产力
357文章数 149关注度
往期回顾 全部

科技要闻

OpenAI估值打折,AI还在吸金,投资人不上头了

头条要闻

牛弹琴:普京最新表态砍出五刀 一刀更比一刀狠

头条要闻

牛弹琴:普京最新表态砍出五刀 一刀更比一刀狠

体育要闻

卢卡:伦德伯格,欢迎来到NBA

娱乐要闻

芭莎盛典,张小斐因救场实现口碑暴涨

财经要闻

娃哈哈集团董事长许思敏离职

汽车要闻

搭城市NOA/续航555KM 捷达M6上市售7.98万起

态度原创

家居
游戏
本地
健康
房产

家居要闻

2026建博会(广州) 公装联探展交流活动

哈兰德自曝玩《使命召唤:现代战争4》时偏爱蹲点

本地新闻

一场垂直登高赛跑出了"山城"的真正内核

痘痘能根治吗?皮肤科医生说实话

房产要闻

租金大跳水!荒了6年,海口这个地标商业,开始急了!

无障碍浏览 进入关怀版