emollick/capriccio-city-builder
GitHub: emollick/capriccio-city-builder
一款以皮拉内西版画为视觉灵感的三维城市建造游戏,基于 Three.js 和 WebGL 实现实时非写实渲染与结构感知的建筑搭建。
Stars: 0 | Forks: 0
# Capriccio
一款宁静的三维城市建造游戏,灵感源自乔瓦尼·巴蒂斯塔
皮拉内西的非现实牢狱与宏伟的建筑幻想。
**[游玩 Capriccio](https://capriccio-city-builder.netlify.app/)**

构建一个连贯的结构骨架,包含桥梁、阶梯、拱廊、拱顶、雕刻通道
与花园。结构支撑让城市能够宏伟地拔地而起,而不会
变成一堆漂浮的碎片,同时微小的居民也会在其中
安顿下来。
## 功能
- 受皮拉内西启发的实时版画渲染,由 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, 城市建设, 安全插件, 游戏, 自动化攻击