Skip to content

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

1 Commit
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

🎮 2048 儿童游戏

一个专为儿童设计的趣味2048游戏,采用护眼色主题,具有完整的音效系统和PWA支持。

✨ 特色功能

🎨 视觉设计

  • 护眼色主题:采用柔和的绿色系,保护儿童视力
  • 大尺寸界面:4x4游戏格子放大到380x380px,适合儿童操作
  • 可爱动物图标:方向按钮使用动物图标(🦅🐼🐯🐸),增加趣味性
  • 方向指引:每个按钮都有明确的方向文字提示

🎵 音效系统

  • 合并音效:成功合并数字时的和谐音
  • 新方块音效:生成新方块时的清脆提示音
  • 特殊数字音效:达到512、1024、4096、8192时的庆祝音
  • 按钮音效:点击按钮的确认音
  • 成就音效:获得成就时的欢快音效
  • 胜利/失败音效:游戏结束时的相应音效
  • 音效控制:支持开关音效,快捷键M键

🎯 游戏功能

  • 多种操作方式:键盘方向键、WASD、触摸滑动、按钮点击
  • PWA支持:可安装为手机应用,支持离线游戏
  • 成就系统:丰富的成就和彩蛋
  • 分数记录:本地保存最高分
  • 响应式设计:适配手机和电脑

🎪 彩蛋功能

  • Konami Code:输入特殊按键组合获得奖励
  • 彩虹模式:按R键激活特殊视觉效果
  • 秘密模式:Ctrl+S激活隐藏功能
  • 特殊数字效果:2048、4096、8192的特殊庆祝效果

🚀 快速开始

本地运行

# 克隆项目
git clone [您的仓库地址]
cd Test1

# 启动本地服务器
python3 -m http.server 8080

# 访问游戏
# 电脑:http://localhost:8080
# 手机:http://[您的IP]:8080

云端部署

方案一:GitHub Pages(推荐)

  1. 创建GitHub仓库

    # 配置Git用户信息
    git config --global user.name "您的GitHub用户名"
    git config --global user.email "您的邮箱"
    
    # 添加远程仓库
    git remote add origin https://github.com/您的用户名/2048-game.git
    git branch -M main
    git push -u origin main
  2. 启用GitHub Pages

    • 进入GitHub仓库设置
    • 找到"Pages"选项
    • 选择"Deploy from a branch"
    • 选择"main"分支和"/ (root)"文件夹
    • 点击"Save"
  3. 访问游戏

    • 游戏将在几分钟内部署完成
    • 访问地址:https://您的用户名.github.io/2048-game

方案二:Netlify

  1. 注册Netlify账号
  2. 连接GitHub仓库
  3. 自动部署
  4. 自定义域名(可选)

方案三:Vercel

  1. 注册Vercel账号
  2. 导入GitHub仓库
  3. 自动部署
  4. 获得生产URL

📱 PWA安装指南

iPhone用户

  1. 在Safari中打开游戏
  2. 点击分享按钮
  3. 选择"添加到主屏幕"
  4. 游戏将以应用形式安装

Android用户

  1. 在Chrome中打开游戏
  2. 点击菜单中的"添加到主屏幕"
  3. 确认安装

🎮 游戏操作

键盘控制

  • 方向键:上下左右移动
  • WASD:W上、S下、A左、D右
  • M键:开关音效
  • R键:激活彩虹模式
  • Ctrl+S:激活秘密模式

触摸控制

  • 滑动:在游戏区域滑动
  • 按钮:点击方向按钮

特殊操作

  • 双击标题:激活特殊模式
  • 长按游戏板:获得奖励方块
  • 点击分数框:获得额外分数

🛠️ 技术栈

  • HTML5:语义化标记
  • CSS3:现代样式和动画
  • JavaScript ES6+:游戏逻辑和交互
  • Web Audio API:音效系统
  • Service Worker:PWA离线支持
  • LocalStorage:数据持久化

📁 项目结构

Test1/
├── index.html          # 主页面
├── style.css           # 样式文件
├── script.js           # 游戏逻辑
├── manifest.json       # PWA配置
├── sw.js              # Service Worker
├── apple-touch-icon.png # 应用图标
└── README.md          # 项目说明

🎯 游戏目标

将相同的数字方块合并在一起,最终达到2048!游戏支持无限继续,挑战更高的数字。

🤝 贡献

欢迎提交Issue和Pull Request来改进游戏!

📄 许可证

MIT License - 可自由使用和修改


享受游戏,保护视力! 👀🎮

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

Packages

Contributors

Languages