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

分享一个我用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-06 11:31:12
WTT中国大满贯:国乒女单被淘汰!0:3被淘汰,王艺迪3:2险胜晋级

WTT中国大满贯:国乒女单被淘汰!0:3被淘汰,王艺迪3:2险胜晋级

国乒二三事
2026-10-06 08:39:58
浙江男子一口气发现4条牢底坐穿鱼?只敢拍不敢碰,网友:一斤30随便抓!

浙江男子一口气发现4条牢底坐穿鱼?只敢拍不敢碰,网友:一斤30随便抓!

狸猫之一的动物圈
2026-10-06 10:05:28
这7个毛体字,据说十个人里八个认不全,你能认出几个?——聊聊毛体字到底该怎么学

这7个毛体字,据说十个人里八个认不全,你能认出几个?——聊聊毛体字到底该怎么学

书画相约
2026-10-06 14:50:59
中美局势或许发生大反转,最先超过美国的,居然可能不是经济

中美局势或许发生大反转,最先超过美国的,居然可能不是经济

乌克兰小静
2026-10-05 09:09:58
女神全裸出演,这片子把出轨拍得又高级又不要脸,豆瓣 7.4 真没白给

女神全裸出演,这片子把出轨拍得又高级又不要脸,豆瓣 7.4 真没白给

i书与房
2026-10-06 09:26:43
轮到日本吞下屈辱外交了,高市24小时两次"呲牙",连道歉都没等到

轮到日本吞下屈辱外交了,高市24小时两次"呲牙",连道歉都没等到

霁寒飘雪
2026-10-06 14:22:59
一夜情后勒索NBA雄鹿老板12.15亿美元,罗某在登机回国时被捕

一夜情后勒索NBA雄鹿老板12.15亿美元,罗某在登机回国时被捕

听心堂
2026-05-12 13:19:43
宋喆直播卖枣笑塌全网!百万流量零成交,满屏王宝强弹幕扎心到爆

宋喆直播卖枣笑塌全网!百万流量零成交,满屏王宝强弹幕扎心到爆

誮惜颜a
2026-01-13 01:12:10
税收4亿,工资26亿:财政没钱,为什么编内待遇不能动?

税收4亿,工资26亿:财政没钱,为什么编内待遇不能动?

混沌录
2026-07-23 17:11:06
陈冠希打视频向王嘉尔“借300块回香港”,王嘉尔秒转:我一定帮你!

陈冠希打视频向王嘉尔“借300块回香港”,王嘉尔秒转:我一定帮你!

陈意小可爱
2026-10-05 14:01:43
12.8亿卖掉总统,卖掉工厂,卖掉国家,两年后两发子弹穿胸而过

12.8亿卖掉总统,卖掉工厂,卖掉国家,两年后两发子弹穿胸而过

墨策讲历史
2026-08-21 19:27:44
大爆冷!武网突发大规模退赛潮,郑钦文躺赢斩获正赛席位

大爆冷!武网突发大规模退赛潮,郑钦文躺赢斩获正赛席位

海阔山遥YAO
2026-10-06 16:16:36
天气渐冷,冠心病患者注意:早上宁可吃包子,也别轻易吃4种早餐

天气渐冷,冠心病患者注意:早上宁可吃包子,也别轻易吃4种早餐

观星赏月
2026-10-06 13:21:02
国乒又出一个孙颖莎?17岁小将3-2绝杀日本夺冠,日韩全被她打懵!

国乒又出一个孙颖莎?17岁小将3-2绝杀日本夺冠,日韩全被她打懵!

光辉与阴暗
2026-09-19 19:39:25
彻底撕破脸!葡帅硬刚C罗拒不道歉,摩根怒批:复刻滕哈格踩着传奇立威

彻底撕破脸!葡帅硬刚C罗拒不道歉,摩根怒批:复刻滕哈格踩着传奇立威

看我说体育
2026-10-06 15:34:26
2026年生理学或医学奖诺奖得主:研究奠定光遗传学基础,论文曾因“看不出实际用途”被拒

2026年生理学或医学奖诺奖得主:研究奠定光遗传学基础,论文曾因“看不出实际用途”被拒

红星新闻
2026-10-05 21:43:32
再见!曝苏帅第3次下课,曾率国安打进亚冠,如今却无力带队保级

再见!曝苏帅第3次下课,曾率国安打进亚冠,如今却无力带队保级

体坛鉴春秋
2026-10-05 18:57:05
演员潘粤明画的一幅鬼画,网友:狗链子画的好!

演员潘粤明画的一幅鬼画,网友:狗链子画的好!

乡野小珥
2026-09-21 04:03:10
黄灿灿自曝十月还未争取到进组工作,决定上课提升自己迎接下次机会

黄灿灿自曝十月还未争取到进组工作,决定上课提升自己迎接下次机会

韩小娱
2026-10-05 16:25:02
2026-10-06 17:19:00
卡尔的AI沃茨 incentive-icons
卡尔的AI沃茨
前大厂算法工程师,3家科技公司技术总监|致力打造最系统的Al学习体系,让1万人通过Al提高生产力
347文章数 148关注度
往期回顾 全部

科技要闻

光遗传学是什么,为什么这项发现如此重要

头条要闻

挖出尸骨经DNA鉴定都是中国人的 专案组:血债血还

头条要闻

挖出尸骨经DNA鉴定都是中国人的 专案组:血债血还

体育要闻

30天30队·雄鹿:没有扬尼斯,重新试错吧

娱乐要闻

身家千万独居的王曼昱,私底下有多壕

财经要闻

杨植麟断腕:Kimi的至暗时刻与远征

汽车要闻

智能化再提升 2027款东风标致、东风雪铁龙新车更人性化了

态度原创

数码
房产
艺术
旅游
公开课

数码要闻

开售才交底!谷歌Intel版Googlebook靠转译跑安卓:复杂App性能拉胯

房产要闻

保利大爆发,冲到榜一!海南楼市前三季度,热销榜出炉!

艺术要闻

吴大羽的一幅花韵,值870.4万港元!

旅游要闻

烟台市蓬莱区:国庆假期消费市场火热 旅游业态点亮假日经济

公开课

李玫瑾:为什么性格比能力更重要?

无障碍浏览 进入关怀版