OGame Vue TS 太空策略游戏
基于 Vue 3 与 TypeScript 打造的单机版 OGame 风格太空策略游戏，完全运行在浏览器中，支持建筑、科技、舰队、战斗模拟与银河探索，游戏数据经 AES 加密后保存在本地。
爱鲜报评分
0 人评分
519
星数
是
中文
TypeScript
主语言
是
活跃
6
贡献者
人工分析
EDITORIAL推荐理由
这是一个完成度相当高的开源网页游戏项目，用现代前端技术栈完整复刻了经典 OGame 的核心玩法，包括建筑、科技、舰队、防御、军官与战斗模拟等系统。代码使用 Vue 3 Composition API 与严格类型检查的 TypeScript，配合 Pinia、Tailwind CSS v4 和 shadcn-vue，是学习大型前端游戏状态管理与 UI 架构的优秀范例。项目还提供多语言文档与 Docker 部署指南，适合作为二次开发或教学参考。
适用场景
- 学习 Vue 3 + TypeScript 大型项目架构
- 二次开发或魔改自己的太空策略游戏
- 前端状态管理与游戏循环设计参考
- 自建单机网页游戏并本地离线游玩
- Docker 部署个人游戏服务
优点
- 技术栈现代，Vue 3 + TS + Vite + Pinia + Tailwind CSS v4 组合清晰
- 玩法系统完整，涵盖建筑、科技、舰队、防御、军官与战斗模拟器
- 数据本地 AES 加密存储，无需后端即可游玩，隐私友好
- 提供简繁中文、英、德、俄、西、韩、日等多语言文档
- 支持深浅色主题与 Tailwind 变量级自定义，界面可塑性强
缺点
- 采用 CC BY-NC 4.0 许可，禁止商业用途，商用需谨慎
- 单机本地存档，缺少多人联机与服务器端对战能力
- 游戏数值与平衡依赖社区维护，长期可玩性需自行评估
- 仓库未标注常规开源代码许可证，二次分发存在合规注意点
OGame Vue TS 是什么
OGame Vue TS 是一个受经典浏览器游戏 OGame 启发的单机版太空策略游戏，完全运行在浏览器中，所有游戏数据都保存在本地。项目使用 Vue 3 与 TypeScript 构建，界面现代、响应迅速，适合想研究前端游戏架构或自己动手魔改玩法的开发者。
核心玩法
- 建筑管理：在行星与月球上建造、升级各类建筑
- 科技研究：解锁先进科技，增强帝国实力
- 舰队管理：建造舰船、派遣任务、参与战术太空战斗
- 防御系统：部署防御设施保护殖民地
- 军官系统：招募军官获得战略优势
- 战斗模拟器：在投入资源前先测试战斗结果
- 银河视图：探索宇宙并与其他星球互动
- 月球生成：基于概率从残骸场生成月球
技术栈
| 层面 | 选型 |
|---|---|
| 前端框架 | Vue 3 + Composition API（<script setup>） |
| 开发语言 | TypeScript（严格类型检查） |
| 构建工具 | Vite（自定义 Rolldown-Vite）、Golang、Electron |
| 状态管理 | Pinia + 持久化插件 |
| 路由 | Vue Router 4 |
| UI 组件 | shadcn-vue（New York 风格） |
| 样式 | Tailwind CSS v4 + CSS 变量 |
| 图标 / 动画 | Lucide Vue Next、tw-animate-css |
| 国际化 | 自定义 i18n 实现 |
快速开始
环境要求：Node.js 18+、pnpm 10.13.1+，Go 1.21+ 为可选项。
git clone https://github.com/setube/ogame-vue-ts.git
cd ogame-vue-ts
pnpm install
pnpm dev
开发服务器默认运行在 http://localhost:25121。生产构建使用 pnpm build，预览使用 pnpm preview。
数据安全与自定义
所有游戏数据在写入浏览器本地存储前都会经过 AES 加密，进度安全且私密。主题可通过 src/style.css 中的 Tailwind CSS 变量进行完整自定义，并支持深色 / 浅色模式切换。
文档与许可
项目提供 Docker 部署指南与游戏参考手册（建筑、科技、舰船、防御、军官等完整数据），并有多语言 README。
注意：本项目采用 CC BY-NC 4.0 许可，允许共享与演绎，但不得用于商业目的，使用时需保留署名。项目与官方 OGame 及 Gameforge AG 无任何关联。
评论
- 暂无评论，来写第一条吧。