isometric-city
开源的等距视角城市与主题公园建造模拟器。
安装使用
复制下面这段提示词发给你的 AI（Claude / Cursor / TRAE / Codex / WorkBuddy 等），它会自动帮你完成安装：
帮我安装这个 AI Skill：isometric-city。 它的用途是：开源的等距视角城市与主题公园建造模拟器。 完整的 Skill 内容见：https://321skill.com/skills/isometric-city/raw/index.md 请读取该页面内容，如果是 SKILL.md 格式直接安装，如果是 README 提炼核心 prompt 后安装。
提示词包含完整的 Skill 内容链接，AI 读取后即可完成安装。你也可以 查看完整内容 确认无误。
使用示例
“我正在学习如何使用 Canvas 制作等距视角的游戏，能帮我分析一个开源项目的代码结构吗？”，它可以为你解读 IsoCity 项目中 `CanvasIsometricGrid` 渲染引擎的工作原理和车辆路径查找的实现逻辑。或者，你可以说：“我想做一个简单的网格化建造 demo，参考哪个项目比较好？”，它会推荐你研究 IsoCity 的交互式网格和状态管理部分。
介绍
IsoCity 是一个基于 Web 的等距视角建造模拟器，它解决了用户想要在浏览器中轻松创建和模拟动态城市或主题公园的需求。通过直观的网格化建造系统，用户可以自由放置道路、建筑、交通设施等元素，并观察车辆、行人等系统的自主运行，享受从零开始构建并管理一个虚拟世界的乐趣。
使用方式非常便捷，无需安装任何客户端。用户可以直接访问其官网在线体验，也可以将项目代码克隆到本地，通过简单的 npm 命令启动开发服务器，在本地浏览器中运行和修改。项目提供了完整的源代码，方便开发者进行二次开发或学习。
这个项目非常适合前端开发者、全栈开发者以及对 HTML5 Canvas 游戏开发、模拟系统或等距视角渲染技术感兴趣的学习者。它既是一个可直接游玩的模拟游戏，也是一个优秀的技术学习案例。
建议初次使用者先访问在线版本熟悉基本操作。对于开发者，可以深入研究其纯 Canvas 实现的渲染引擎和状态管理逻辑，这对于理解复杂的前端图形应用架构很有帮助。注意，这是一个个人或小团队的开源项目，其功能和内容深度可能无法与商业模拟游戏相比。
核心特点
核心区别在于它完全基于原生 HTML5 Canvas 实现，没有依赖任何外部游戏引擎库，提供了一个从底层学习等距渲染和复杂模拟系统（如交通、行人寻路）的绝佳代码范例。同时，它在一个项目中集成了城市建造（IsoCity）和主题公园建造（IsoCoaster）两种不同的模拟体验。
注意事项
不适合追求极致画面效果、海量内容或复杂经济系统的重度模拟游戏玩家。
常见问题
IsoCity 和 IsoCoaster 是什么关系？
它们是同一个项目下的两个不同应用模块，分别模拟城市建造和主题公园建造，共享底层技术栈但游戏内容不同。
需要游戏开发经验才能运行或修改它吗？
不需要游戏开发经验即可在线游玩；但若要本地运行或二次开发，需要具备基本的 Node.js 和前端开发知识。
给 AI 助手的安装指引
如果你的 AI 编程助手（Claude Code、Cursor、TRAE 等）能看到这个页面，把下面这段发给它即可自动完成安装：
请访问 https://321skill.com/skills/isometric-city/raw/index.md 读取 isometric-city 的原始 Skill 定义（Markdown 格式），按其中说明在我的环境里完成安装和配置。
AI 可直接读取的原始 Markdown 地址：/skills/isometric-city/raw/index.md（查看排版版本）