薄荷清尘· 来源· @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