JavaScriptHTML游戏站

MiniGames — JavaScript 游戏站模板

作者 philipposk

纯前端开源街机合集,含多款小游戏,支持离线与本地存档。

看看你的网站会是什么样

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

3 个预览视图
桌面端首页1 / 3
桌面端截图

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

全部页面与视图 3

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

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

值得关注的模板亮点

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

01

包含多款街机风格小游戏,涵盖多种玩法

02

纯前端实现,无构建步骤,易于部署

03

支持离线运行,作为 PWA 可安装到主屏幕

04

本地存档、排行榜、每日挑战与成就系统

05

注重可访问性与高分辨率显示适配

06

零数据收集,隐私友好

模板详细介绍

MiniGames 是一个开源的网页游戏合集项目,提供真实在线演示。它由多个独立的小游戏组成,涵盖打砖块、颜色反应、无尽跑酷、攀爬解谜、接球、跳跃过马路、钢琴节奏以及放置类游戏等,玩法偏向街机风格。项目以纯 HTML/CSS/JavaScript 构建,无构建步骤,每个游戏独立成文件夹,并作为渐进式 Web 应用(PWA)支持离线运行。根目录的 index.html 作为街机入口,统一管理各游戏的启动。

项目内置了共享功能层,包括哈希路由、基于 localStorage 的存档(分数、金币、解锁项)、本地排行榜、每日挑战、成就系统与装饰性商店,并考虑到可访问性(按钮、ARIA、减少动态效果)和高分辨率 Canvas 渲染。所有数据仅保存在用户设备上,不收集任何个人信息。

该模板适合希望快速搭建多游戏门户的开发者,或作为学习 Canvas 游戏开发与 PWA 集成的参考。由于项目没有构建步骤,部署简单,可托管于 GitHub Pages,也可通过 Capacitor 封装为原生应用。不过,游戏质量与深度有限,更偏向演示与基础玩法,若需生产级游戏体验,可能需要自行扩展与完善。

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

适合你的项目吗?

适用场景

  • 个人娱乐或学习 Canvas 游戏开发
  • 构建小型游戏合集网站
  • 作为 PWA 与离线存储的示例项目
  • 快速原型验证街机玩法

适合人群

  • 对纯前端游戏开发感兴趣的开发者
  • 需要轻量级多游戏入口的项目
  • 希望避免后端依赖的离线游戏场景
  • 教育用途,展示游戏机制与前端技术

上手与定制指南

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

  1. 1

    运行本地服务器(如 python3 -m http.server 8080)即可体验。

  2. 2

    部署到 GitHub Pages 时,需配置仓库的 Pages 设置指向 main 分支。

  3. 3

    若需封装为原生应用,请参考 NATIVE.md 中的 Capacitor 步骤。

  4. 4

    注意:项目当前未提供详细的游戏操作说明,部分游戏可能需要自行探索。

查看仓库使用说明

授权与来源资料

使用条件与限制

免费使用 · 保留许可声明

MIT许可证允许免费使用、修改、分发和商用,仅需保留版权与许可声明。README称游戏免费无广告,未附加额外限制。

使用时需要遵守

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

额外费用与待核对事项

  • README未单独说明游戏内素材或第三方资源的授权范围
查看原文依据

Permission is hereby granted, free of charge, to any person obtaining a copy

许可证原文

The above copyright notice and this permission notice shall be included in all

许可证原文

Permission is hereby granted, free of char

许可证原文
https://github.com/philipposk/MiniGames/blob/main/LICENSEhttps://github.com/philipposk/MiniGames/blob/HEAD/README.md

DeepSeek 根据仓库许可证和 README 整理 ·2026-09-24。结果仅覆盖已读取资料,依赖、图片、字体及后续条款变更以各自原文为准。

项目核对记录与介绍依据

模板资料

来源平台
GitHub
资料与维护参考分
资料一般 · 70 / 100
技术栈
JavaScript · HTML
网站类型
游戏站
这个分数如何计算

本站按许可资料(最高30分)、演示链接(12分)、预览图(10分)、Star数(15分)、记录的维护时间(15分)、描述完整度(8分)、功能记录(5分)和分类资料(5分)计算。它不是代码、安全或性能测试,也不是 Google 评分;有链接不代表已实测可用。

这个项目需要核对什么

记录的仓库更新时间
2026-09-02
截图检查日期
2026-09-05

已收录演示链接。请用你的内容与屏幕尺寸检查;有演示不代表表单、认证或支付已经可用。

目录记录的主要技术栈是 JavaScript。请通过依赖清单和锁文件核对实际版本与托管要求。这些说明基于收录资料,不代表代码审计或部署实测。

查看具体选型方法 →

介绍的制作与核对状态

介绍由 AI 辅助整理目录与仓库资料。仓库作者不等于这篇介绍的审核者。

当前版本没有可核对的编辑审核记录;旧的应用时间不代表已完成事实审核。

这条历史介绍未保存固定版本的来源快照。请对照当前仓库,发现不一致可反馈。

反馈内容错误

看看同类模板

对比同技术栈与用途的模板,找到更适合的视觉与内容结构。