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

0 评论 185 浏览 0 收藏 11 分钟

作者用GPT6加Hyper3DRodin折腾了一下午,做出一个能走进去逛的3D个人作品集,每个物件点开就是一段经历、一个作品或一个案例。本文分享了这套可互动虚拟空间的搭建思路。

昨天用AI搭了个3D工作间,效果出来的时候还挺满意的,发了条朋友圈,一堆人问怎么做的。

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

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

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

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

怎么说呢,这个游玩感受就是我一直想要的,打开一个网页,进入一个房间,桌上放着一台老式放映机,墙上挂着几个相框,角落有个地球仪,书架上有几本书,是我想象中的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发布了。

最后再串一下整个流程,你有一个想法,比如做一个展示个人成长轨迹的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空间的简历展示就是这样,你走进去,每个物件都在轻轻动着,等你去发现它。

它展示了你作品,也展示了你构建这个空间时的思路,是不是拥有创意的想法,以及一个一个搭建起来的执行力,这个空间本身就已经是你最好的作品了。

作者 / 卡尔 & yc星辰

本文由人人都是产品经理作者【卡尔的AI沃茨】,微信公众号:【卡尔的AI沃茨】,原创/授权 发布于人人都是产品经理,未经许可,禁止转载。

题图来自Unsplash,基于 CC0 协议。

更多精彩内容,请关注人人都是产品经理微信公众号或下载App
海报
评论
评论请登录
  1. 目前还没评论,等你发挥!