JavaScriptHTML游戏站

browser game arcade — JavaScript 游戏站模板

作者 opanai404

原生JS+Canvas构建的75页游戏合集，无需构建即可本地运行，适合拆解学习与快速原型。

打开源站下载源码 ZIP

看看你的网站会是什么样

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

2 个预览视图

桌面端首页1 / 2

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

桌面端截图

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

全部页面与视图 2

截图用于了解视觉与布局，交互效果请以实际项目为准。本截图因高度限制未包含整页。

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

值得关注的模板亮点

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

75 个可直接运行的 HTML 页面，69 个主推入口，无需构建即可打开试玩

原生 JavaScript + Canvas 2D，不依赖前端框架，适合拆解学习

首页支持搜索、分类筛选、收藏与最近打开记录，视图可同步到 URL

题材覆盖像素策略、街机、解谜、科普互动与可视化实验

复杂页面已拆分为 src/css 与 src/js 结构，便于维护与复用

提供本地验证脚本，可校验页面一致性并跑浏览器回归

模板详细介绍

browser game arcade（仓库内称 DemoCodex）是一个以原生 Web 技术构建的小游戏与互动实验合集，当前包含 75 个可直接运行的 HTML 页面，其中首页聚合了 69 个主推作品。项目定位是“无需构建、打开即玩”的浏览器体验，核心入口 index.html 提供搜索、分类筛选、收藏与最近打开记录，并可将当前视图同步到 URL 便于分享。页面风格偏向像素街机与策略解谜，也有少量轻量互动内容与可视化实验。

技术栈以 HTML、CSS、JavaScript 和 Canvas 2D 为主，不依赖前端框架。多数页面为单文件原型，复杂页面已拆分为 src/css 与 src/js 结构，便于参考实现。本地运行只需克隆后启动静态服务器，无需安装构建工具。部分页面使用 localStorage 保存高分或状态，个别页面（如 voxelcraft.html）依赖 CDN 加载 three.js，需要联网。

项目自带验证脚本，可检查 README 声明、首页入口数与实际页面数的一致性，并支持用本机 Chrome 跑浏览器回归。不过，仓库仍处于早期阶段（Star 数较少），License 状态待确认，且 README 中仓库地址与原始描述存在不一致（原始描述指向 opanai404，但 README 内部链接指向 hrniux/demoCodex），使用前建议核对仓库实际归属与授权。

有在线演示网页游戏Canvas街机玩法

适合你的项目吗？

适用场景

想快速搭建一个多游戏导航站，需要现成的合集页与筛选逻辑
学习 Canvas 2D 游戏开发，希望参考多种玩法的实现源码
需要一个无需构建、可直接部署到静态托管的轻量游戏集合
作为个人作品集或实验场，展示像素风与策略小游戏

适合人群

前端学习者，想拆解原生 JS 游戏实现
需要快速原型或内部工具页的开发者
喜欢像素风格与解谜玩法的玩家或创作者

上手与定制指南

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

1
克隆后建议通过本地静态服务器访问（如 python3 -m http.server 8000），含 ES Module 的页面直接打开可能不稳定。
2
运行验证需 Node.js 与 npm，浏览器回归依赖本机安装的 Google Chrome，不支持 Playwright bundled browser。
3
部分页面依赖 CDN（如 three.js），需联网。

查看仓库使用说明