JavaScriptHTML游戏站

life battle — JavaScript 游戏站模板

作者 emmazangAI

多物种康威生命游戏，Canvas实现，零依赖，支持2-4色竞争与经典图案。

打开源站下载源码 ZIP

看看你的网站会是什么样

浏览真实页面截图，比较内容排版与手机效果。点击下方缩略图切换，放大查看整页细节。

2 个预览视图

桌面端首页1 / 2

访问演示网站在新标签页打开

桌面端截图

演示站首页的真实桌面布局。

全部页面与视图 2

截图用于了解视觉与布局，交互效果请以实际项目为准。

采集于 2026-09-27查看来源

值得关注的模板亮点

从已有项目资料中，快速了解它的特点。

多物种竞争机制：在经典生命游戏规则上增加颜色继承，形成团队对抗

16 种经典图案 + 6 种自定义动物形状，可直接作为初始阵容

零依赖、无构建，单 HTML + 3 个 JS 文件，约 1700 行

支持 2-4 色队伍，自由绘制、20 步撤销、速度控制

响应式布局，中英双语界面

提供在线演示，可直接体验

模板详细介绍

life battle 是一个将康威生命游戏扩展为多物种竞争的开源游戏项目。在经典生命游戏规则之上，它增加了一条继承规则：当新细胞由三个邻居诞生时，会继承多数派队伍的颜色。这一改动让原本孤立的演化过程变成了一场领地争夺战，不同颜色的细胞群在网格上相互吞噬、扩张，结果难以预测。项目以纯 JavaScript 和 Canvas 2D 实现，无框架、无构建步骤，代码约 1700 行，直接打开 HTML 文件即可运行，并提供了在线演示。

游戏支持 2 到 4 个物种同时竞争，内置 16 种经典生命游戏图案（如滑翔机、高斯帕机枪、飞船、脉冲星等）以及 6 种自定义动物形状，可作为初始军队。玩家可以自由绘制细胞并选择队伍，支持 20 步撤销和 1 到 60 代/秒的速度调节。界面适配移动端，并提供中英双语。项目结构清晰，核心是一个存储团队 ID 的 MultiGrid 类，图案通过 RLE 解析器或相对坐标列表加载。

需要注意的是，该项目目前处于早期阶段，README 中未提及任何测试或生产环境部署经验，许可证状态也待审查。如果你打算将其用于教学演示或作为 Canvas 游戏开发的起点，它很合适；但若用于正式产品，建议先核对许可证，并自行验证在目标浏览器上的性能表现。

可直接运行网页游戏Canvas

适合你的项目吗？

适用场景

学习康威生命游戏及其变体的教学工具
Canvas 2D 游戏开发的技术参考
探索元胞自动机与竞争模拟的趣味项目
作为前端零依赖项目的轻量示例

适合人群

对生命游戏或元胞自动机感兴趣的开发者
需要 Canvas 交互示例的前端学习者
寻找零依赖、可直接运行的小型游戏项目的用户
希望扩展或参与开源项目的贡献者

上手与定制指南

结合仓库当前版本的说明，按下面的资料检查内容、配置与运行要求。

1
克隆仓库后直接打开 auto_cell_battle/index.html 即可运行，或通过本地 HTTP 服务器访问。
2
无需安装依赖或构建。
3
注意：项目许可证状态尚未明确，使用前请确认 LICENSE 文件内容。

查看仓库使用说明

授权与来源资料

使用条件与限制

免费使用 · 保留许可声明

MIT许可证允许免费使用、修改、分发和商用，仅需保留版权与许可声明；README明确表示可随意使用但需保留声明。

使用时需要遵守

保留原作者版权声明和 MIT 许可证声明。
在所有副本或实质性部分中保留版权声明和许可声明

额外费用与待核对事项

README未说明docs目录中截图、GIF等素材的授权范围

查看原文依据

Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software
许可证原文