# cyberpunkslotgame

**Repository Path**: vip882/cyberpunkslotgame

## Basic Information

- **Project Name**: cyberpunkslotgame
- **Description**: Lightweight multi-game arcade
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: main
- **Homepage**: https://cyberpunkslotgame.pages.dev/
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2026-10-28
- **Last Updated**: 2026-10-29

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# Cyberpunk Slot Game · 轻量游戏大厅

一个无需构建、无后端、无第三方脚本的静态小游戏站。根路径是多游戏大厅，包含 5 款使用原生 HTML / CSS / JavaScript 实现的游戏。

- 生产站点：<https://cyberpunkslotgame.pages.dev/>
- 源码镜像：<https://gitee.com/vip882/cyberpunkslotgame> · <https://atomgit.com/zzw1208/cyberpunkslotgame>
- 托管：Cloudflare Pages（静态直传，生产分支 `main`）
- 技术栈：HTML + CSS + JavaScript，零依赖、零构建

## 游戏

| 游戏 | 路径 | 说明 |
| --- | --- | --- |
| 幸运老虎机 | `/slot-machine/` | 虚拟金币、旋转结算、余额与中奖提示 |
| 贪吃蛇 | `/snake/` | 键盘与触控方向键、最高分本地保存 |
| 2048 | `/games/2048/` | 方向键 / 滑动操作、撤销、新游戏 |
| 记忆翻翻乐 | `/games/memory/` | 4×4 图案配对、步数与用时最佳成绩 |
| 扫雷 | `/games/minesweeper/` | 9×9 / 10 雷、首次点击安全、插旗、最佳用时 |

## 特点

- 纯静态：可直接部署到 Cloudflare Pages、GitHub Pages、Netlify 或任意静态服务器
- 无后端、无账号、无追踪、无外部请求；成绩仅保存在浏览器 `localStorage`
- 每页包含 canonical、hreflang、Open Graph、Twitter Card 与 JSON-LD
- 提供 `robots.txt`、`sitemap.xml`、`llms.txt`，同时面向搜索引擎与生成式引擎
- 响应式布局，支持键盘与触控操作，触控目标不小于 44px
- 统一的安全响应头与缓存策略（`_headers`）

## 目录结构

```text
.
├── index.html              # 多游戏大厅
├── 404.html
├── _headers                # Cloudflare Pages 响应头
├── robots.txt
├── sitemap.xml
├── llms.txt
├── assets/                 # 共享样式、脚本、图标、OG 图片
├── games/
│   ├── 2048/
│   ├── memory/
│   └── minesweeper/
├── slot-machine/
└── snake/
```

每款游戏使用独立目录，包含自己的 `index.html`、`style.css` 与 `game.js`；`games/assets/arcade.css` 为三款小游戏提供共享视觉基础。

## 本地预览

在项目根目录启动任意静态服务器即可，例如：

```bash
python -m http.server 8765
```

然后访问 <http://localhost:8765/>。请勿直接双击 `index.html`，部分浏览器在 `file://` 下的脚本与相对路径行为不一致。

## 部署

站点以 Cloudflare Pages 直接上传方式发布，发布目录为仓库根目录。`_headers` 会被 Pages 识别并应用缓存与安全头。详细流程、BLAKE3 资源哈希算法与验证记录见 [DEPLOY.md](DEPLOY.md)。

## 可访问性与 SEO

- 语义化 landmark、可见焦点样式、跳过链接
- 所有交互控件具备可访问名称，状态变化通过 `aria-live` 播报
- 360px / 390px 视口无横向溢出
- Lighthouse（本地与生产抽查）：Accessibility、Best Practices、SEO 均为 100

## 原创与来源说明

5 款游戏均为本站使用原生 HTML / CSS / JavaScript 原创实现，未复制第三方代码或素材。

选品阶段调研过 itch.io 开源标签、GitHub Trending、Ludum Dare GitHub 组织、Simple Game Tutorials 与 itch.io API。由于许可证、引擎兼容、包体积与第三方依赖等原因，最终未引入外部项目。完整结论见 [DEPLOY.md](DEPLOY.md)。

## 说明

老虎机仅使用虚拟金币，不涉及真实货币、充值、提现或任何赌博功能。本项目没有服务端，也不收集用户数据。