跳到正文
薄荷清尘· 来源· @0GuoJiH · X·· 12 小时前精选AI 评分70
推荐理由

作者分享了基于 Patch 工具底座和 three.js 构建手绘风山谷的完整流程与代码结构,为独立开发者提供了可复用的技术参考。

正文

艺术与代码的碰撞是绚烂的烟火
👻👻👻

13MB 塞进一座吉卜力山谷,但里面什么事都没有,只能走路 🌿

​Fable 5.2 搓了一个可交互的手绘风山谷 demo:能走、能看、能切时间,唯独没有任务和剧情,还把所有短板全写在了明面上😲

(o^^o)干杯🍻

​手绘渲染讨巧:
平涂色配少色调,用笔触代替噪点;远山一次画成贴片做到每帧零成本,云是球体堆完做一次 ray-march 进 cube map;人物用赛璐璐三色调加描线,斗篷是真布料解算

​13MB 即开即逛:
基于 three.js + WebGL2,整个山谷约 2 公里;支持 WASD 移动、Shift 冲刺、Space 跳、V 切第一人称、T 换时间(正午/下午/金色时刻/日落),P 开关油画滤镜

​全栈开源可拆:
代码 MIT、美术 CC0,整个项目从 src/valley/main.js 单文件起头,执行 npm install 加 build 就能跑起来
​背后工具底座: Patch 把游戏开发工具打包成 CLI + MCP 接入 coding agent,自带 5 万个开源资产,任意游戏支持直接 remix

​极度诚实的 Limits:
没有夜晚、云不会动、进不了房子、走到边缘会被挡回,且只在 RTX 4090 + 1080p 上测过;声音素材因授权不在仓库里,自己构建只有脚步声

​一个“只能走”的山谷把我的心俘获了🤪

在 AI 做游戏这件事上,这种干净底座到底是可玩游戏的起点,还是技术 demo 的终点呢?

来源:薄荷清尘 · x.com