logo
0
0
Login
编辑文件 README.md

English README

2.5D 卡通城市放置系统 (CubeCity)

A lightweight 2.5D city-building simulation game based on Three.js and Vue.

Welcome to CubeCity! This is a cartoon-style 2.5D city simulation game where you can build, manage, and expand your very own metropolis. Place buildings, lay down roads, and watch your city grow as you manage resources and expand your territory.

Gameplay Demo

✨ 核心功能

  • 🏙️ 自由建设: 随心所欲地放置、移动和拆除各类建筑与道路,打造独一无二的城市景观。
  • 🧩 策略规划: 平衡住宅 (R)、商业 (C)、工业 (I) 的发展,同时兼顾环境 (E)、社会 (S)、治理 (G) 的需求,实现城市可持续发展。
  • 💰 经济系统: 建筑会自动产出金币,利用这些金币来建造新建筑、升级或扩展你的领地。
  • 💾 本地存储: 你的城市进度会自动保存在本地,随时可以回来继续你的建设大业。
  • 🎨 卡通风味: 明快的色彩和可爱的卡通模型,带来轻松愉悦的视觉体验。
界面总览城市一隅离线存储
Interface OverviewA corner of the cityOffline Storage

🎮 玩法介绍

游戏主要围绕四种操作模式展开,让你轻松管理城市的方方面面:

  • 🔍 选择模式 (SELECT):

    • 点击建筑查看详细信息,如居民数量、状态、产出等。
    • 满足条件时可对建筑进行升级,提升其功能和产出。
  • 🏗️ 建造模式 (BUILD):

    • 从左侧面板选择你想要的建筑。
    • 在地图上的可用地皮上点击即可放置建筑,实时预览模型和高亮提示让操作更直观。
  • 🚚 搬迁模式 (RELOCATE):

    • 选中一个已建好的建筑,然后点击一个空地,即可轻松完成搬迁。
    • 在放置前,可以旋转建筑以适应你的城市布局。
  • 💣 拆除模式 (DEMOLISH):

    • 切换到此模式,点击不再需要的建筑即可将其拆除。
    • 拆除建筑会返还部分建造成本。

📚 文档

🚀 未来展望

我们计划在未来为游戏增加更多有趣的功能,包括:

  • 动态经济系统: 市场需求会根据你的城市建筑比例动态变化。
  • 挑战与失败机制: 引入破产、人口流失、环境崩溃等失败条件,增加游戏挑战性。
  • 策略性建筑系统: 建筑之间将产生相互影响,考验你的规划能力。
  • 动态事件系统: 随机发生经济危机、移民潮等事件,让城市管理充满变数。
  • 科技树与政策系统: 解锁新技术,颁布新政策,从更高维度引导城市发展。

📄 许可

This project is licensed under the MIT License.

CNB启动游玩

将项目 Fork 到自己组织下,然后直接通过CNB界面的Game Start!启动游戏。

start1 start2

如何保存

游戏默认是自动存在在浏览器本地缓存的,但因为CNB启动远程环境的host每次都会变更,导致下次游玩时,存档丢失。所以需要手动将存档备份下来。按照此方法可以实现游戏存档的备份和还原。

在游戏界面打开控制台,输入以下指令:window.localStorage.getItem('gameState'),然后点击复制。将复制的字符串内容自行保存。

Save

还原存档

输入以下指令:window.localStorage.setItem('gameState', 存档字符串),复制后回车,然后刷新页面,即可读取到存档。