程序员节快乐!今天难得是放松的周六,给大家看一点放松、护眼、绿色的东西。加班严重的我好久没能接触大自然了。所以就萌生用代码建一座永不枯萎的数字花园的想法。
我先在脑子里规划了雏形,选好了4季代表植物,然后说干就干。刚好本人也有3D次世代软件基础,结合codex、claude code的编码能力,开始把想法变为现实,我就用大概1个星期的时间开发了这个数字花园项目。
虽然各大测评都喜欢走blender+agent这条路,one shot效果确实又快又好,但是以我的技术流程更喜欢用houdini,程序化PCG,粒子效果,SOP、DOP等它才是真正的王者。这里面的风力、交互、粒子效果都先经过houdini交互测试,关于材质方面我想打造blender三渲二那种日式动漫一样的明快,浪漫的感觉,简单但吸引人,目前增加了调色盘功能可以自由改色,也可以拍照分析。背景音乐是claude用代码结合真实的自然背景音融入,做出了我想要的星露谷的感觉。
最后技术栈有Houdini、Three.js、TypeScript和Vite。我用lod技术来控制模型层级,我分了4层lod,从lod0往下简化,在放大缩小的时候,减少模型跳脱感。Houdini制作模型变体,增加植物多样性。最后处理优化确实最花时间,当然手机也做了适配。虽然感觉植物还是有点多,很吃显卡,加载会有点慢,大家电脑和手机打开是两种不同的味道。就和玩游戏一样用鼠标和键盘来探索花园,我个人特别喜欢夜晚效果,仿佛回到无忧无虑的小时候。
我是先开发了花园才配套制作的首页。为配合春夏秋冬四季昼夜8种场景也配套制作了像素风的8个不同主页,同样是可交互的。网页本身当然是免费的,不过涉及自制houdini资产所以也暂时不会开源。我也在上面放了3d和coding等技术测试博客。
我的个人感受就是随着ai技术的进步,技术壁垒已经被打破了,但是审美与判断依然需要人来把握。希望大家喜欢。
主页:数字花园|免费四季 3D 互动花园 | Digital Garden by Alicia
中文试玩:在线 3D 花园|四季探索与花卉摄影 | Digital Garden by Alicia







