# ballgame

**Repository Path**: volcanor/ballgame

## Basic Information

- **Project Name**: ballgame
- **Description**: BALL GAME FOR KKKROOM
- **Primary Language**: JavaScript
- **License**: MulanPSL-2.0
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2023-07-12
- **Last Updated**: 2023-08-30

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

一、建议 chrome 浏览器打开运行；

二、搭建index.html，实现游戏的 html 元素框架

三、html 元素 的 css样式 ： main.css 文件

四、脚本 ： main.js 文件
    当前 js 的主要执行顺序：
    1. 初始化 画布 can_1，以及必要的全局参数
    2. 运行 init() 函数，初始化 挡板、障碍物（箱子）、小球、控制按钮（监听点击开始）、鼠标移动（获取鼠标相对于画布的坐标）
    3. 其中 挡板、小球、箱子 分别独立出三个js文件，定义他们的类（属性 和 可调用的函数）
        挡板：slider.js 
        小球：ball.js
        箱子：box.js
    4. 点击开始按钮，并在 click 回调函数中 执行 main() 函数，开始渲染动画；
    5. 运行 mian() 函数，判断是否获胜、清空画板、渲染挡板、小球碰撞边界检测、渲染箱子以及箱子与小球碰撞检测、重置计时器、判断游戏输赢
    6. 游戏失败结束：满足条件 小球越过挡板，飞出画布的最底端，则游戏失败
    7. 游戏胜利结束：满足条件 小球与箱子发生碰撞，碰撞后箱子消失，并得1分，当所有箱子都消失，则游戏胜利