emollick/capriccio

GitHub: emollick/capriccio

一款基于 Three.js 程序化生成的 Piranesi 风格城市建造游戏,玩家搭建建筑骨架、市民自发填充生活空间,呈现独特的版画视觉风格。

Stars: 0 | Forks: 0

# CAPRICCIO *一款温馨的 Piranesi 风格城市建造游戏。你来建造拱门,市民将其变成家园。* **游玩地址:[capriccio-city.netlify.app](https://capriccio-city.netlify.app)** ![峡谷中的城市](https://static.pigsec.cn/wp-content/uploads/repos/cas/50/503f21ebf050194e22d04b2bc264037f9a31f688e8cfaf988b7eecf92f69121c.png) Capriccio 颠覆了传统的城市建造游戏规则。你永远不会直接放置房屋或商店。 相反,你要建造一个庞大的建筑骨架——桥墩、跨度、楼梯、 拱顶、雕凿的通道——市民们会逐渐在其中安家落户:拱门下的摊位、楼梯 休息平台上的房屋、水渠引水处的花园、 以及黑暗聚集处的灯笼。玩家为几个世纪后的未来而建造; 市民则为日常生活而建造。 整个世界呈现为一幅活生生的版画:锚定于世界的交叉排线,在步行视角下 依然精细;墨水轮廓,单一斜射阳光,纸张雾感,以及 偶尔闪现的金光。 ![在拱顶内发展起来的市场](https://static.pigsec.cn/wp-content/uploads/repos/cas/e8/e8122464e206cef91050e5e83a634d95540a304fe9d6e469d72cd847acccdb9e.png) ## 玩法说明 | 工具 | 功能 | | --- | --- | | **建立 (Establish)** | 建立桥墩、巨型桥墩或圆柱——其他一切的锚点 | | **跨越 (Span)** | 在两点之间建造桥梁、水渠或有顶画廊(桥墩顶部会自动吸附) | | **攀升 (Rise)** | 在不同高度之间建造楼梯——直达式、仪式性或折返式 | | **拱顶 (Vault)** | 市民会搬入的长方形会堂 | | **雕凿 (Carve)** | 穿过大墙开凿拱形通道,或在巨型桥墩中开凿隧道 | | **装饰 (Adorn)** | 雕像、喷泉、灯笼、柏树 | | **邀请 (Invite)** | 画出指定区域——住宅、贸易、花园、聚集地——并看着它被填满 | 模式:**建造**(环绕视角)、**剖面**(真实切开你正在查看的任何物体)、**漫游**(第一人称视角,WASD 控制——走在你建造的桥下)、 **图版**(构图并导出带框的版画;在任意位置按 **P** 键即可生成即时图版)。 没有失败状态。居民的请求带有温和的故事性——为高处的露台 开辟道路、引来水源——而*无资源模式*(在标题页上) 甚至移除了石料经济限制。支持桌面端,并且在除“漫游”模式外,支持 近期的手机和平板电脑。 ![大桥之下](https://static.pigsec.cn/wp-content/uploads/repos/cas/79/79b7613baa97a841b8fd0e49d4996eebf2c32ebc26646c2ecd639fdecadbcb50.png) ## 本地运行 ``` npm install npm run dev # http://localhost:8737 npm run build # static build in dist/ ``` 基于 Vite + TypeScript + Three.js,没有使用框架,没有后端,没有现成的美术资源——每一块 石头、每个市民和每种声音都是程序化生成的。存档保存在 localStorage 中 (使用 `?fresh` 参数开启一座全新的城市)。 供好奇者参考:这种版画视觉效果通过*恢复的日照曝光*来划分墨水色带 (从光照结果中减去解析半球光照项,从而分离出真实的阴影), 并且排线密度会以二的交叉渐变幂次适应视角距离,因此笔画在近处保持版画般的精细, 在远处依然清晰可见——同时始终锚定在石头上,因此画面不会出现闪烁。 ## 许可证 [MIT](LICENSE) —— 自由建造。 🤖 使用 [Claude Code](https://claude.com/claude-code) 构建
标签:3D渲染, 体素, 城市建造, 建筑学, 暗色界面, 游戏, 自动化攻击