Skip to content

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

5 Commits
 
 
 
 
 
 

Repository files navigation

🎮 Pong Game

一个使用 HTML、CSS 和 JavaScript 构建的经典 Pong 游戏。

功能特性

完整的游戏机制

  • 🎯 球的反弹物理系统,包含墙壁和球拍碰撞检测
  • 🕹️ 玩家左侧球拍由鼠标或上下箭头键控制
  • 🤖 AI 计算机对手控制右侧球拍
  • 📊 实时计分板
  • ⏸️ 暂停/继续功能

🎨 美观的界面

  • 霓虹风格的 UI 设计
  • 实时分数显示
  • 流畅的动画和发光效果

游戏玩法

控制方式

  • 鼠标:将鼠标移动到画布上以控制左侧球拍
  • 上下箭头键:也可以用箭头键控制左侧球拍
  • 空格键:暂停/继续游戏

游戏规则

  1. 控制左侧球拍击打球
  2. 防止球越过你的球拍
  3. 击打球越过计算机球拍得分
  4. 游戏没有时间限制,尽情享受

技术栈

  • HTML5 Canvas - 游戏画面渲染
  • Vanilla JavaScript - 游戏逻辑和物理引擎
  • CSS3 - 界面样式和动画

文件结构

pong-game/
├── index.html      # 游戏主页面
├── style.css       # 样式表
├── script.js       # 游戏逻辑
└── README.md       # 项目文档

快速开始

  1. 克隆或下载此仓库
  2. 在浏览器中打开 index.html 文件
  3. 开始游戏!

游戏特性详解

球的物理系统

  • 球在遇到顶部和底部边界时反弹
  • 球与球拍碰撞时改变方向
  • 击中球拍的位置决定球的反弹角度
  • 随着游戏进行,球的速度逐渐增加(最多增加到最大速度)

AI 难度

  • 计算机对手使用智能预测算法
  • 根据球的位置自动调整球拍位置
  • 提供适当的挑战性而不是无法战胜

碰撞检测

  • 精确的球拍碰撞检测
  • 墙壁碰撞检测
  • 得分触发边界检测

浏览器兼容性

✅ Chrome(推荐) ✅ Firefox ✅ Safari ✅ Edge

许可证

MIT License - 自由使用和修改


尽情享受游戏吧! 🎮✨

About

乒乓游戏

Resources

Stars

Watchers

Forks

Releases

Packages

Contributors

Languages