emollick/capriccio-city-builder

GitHub: emollick/capriccio-city-builder

一款以皮拉内西版画为视觉灵感的三维城市建造游戏,基于 Three.js 和 WebGL 实现实时非写实渲染与结构感知的建筑搭建。

Stars: 0 | Forks: 0

# Capriccio 一款宁静的三维城市建造游戏,灵感源自乔瓦尼·巴蒂斯塔 皮拉内西的非现实牢狱与宏伟的建筑幻想。 **[游玩 Capriccio](https://capriccio-city-builder.netlify.app/)** ![Capriccio —— 一款皮拉内西风格的城市建造游戏](https://static.pigsec.cn/wp-content/uploads/repos/cas/9d/9d3928436ca950ad9bcf830056ae4cd14aee30fa0f3f6cabea8e264572b032d5.png) 构建一个连贯的结构骨架,包含桥梁、阶梯、拱廊、拱顶、雕刻通道 与花园。结构支撑让城市能够宏伟地拔地而起,而不会 变成一堆漂浮的碎片,同时微小的居民也会在其中 安顿下来。 ## 功能 - 受皮拉内西启发的实时版画渲染,由 Three.js 和 WebGL 驱动 - 十二种建筑操作,支持碰撞感知与结构依托放置 - 无限的 Fun 模式以及基于资源的建造模式 - 轨道旋转、垂直平移、缩放、剖面切割以及第一人称漫游 - 撤销、重置、浏览器本地保存以及版画 Plate 导出 ## 本地运行 需要 Node.js 22.13 或更高版本。 ``` npm install npm run dev ``` 打开终端中显示的本地 URL。拖动鼠标进行轨道旋转,按住 Shift 拖动进行 垂直移动,滚动滚轮进行缩放。 ## 验证 ``` npm test npm run lint ``` 该项目使用 vinext、React、TypeScript、Three.js 和 WebGL。核心游玩 完全在客户端运行,无需后端。 ## 部署 `netlify.toml` 会发布生成的客户端资源,并通过内置的 Netlify 函数路由服务端渲染的外壳。 ## 许可证 [MIT](LICENSE) © 2026 Ethan Mollick
标签:MITM代理, React, Syscalls, Three.js, TypeScript, WebGL, 城市建设, 安全插件, 游戏, 自动化攻击