# canvas-shoot-game

**Repository Path**: cuitzhy/canvas-shoot-game

## Basic Information

- **Project Name**: canvas-shoot-game
- **Description**: No description available
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2018-09-10
- **Last Updated**: 2020-12-19

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# Canvas 射击小游戏
本小游戏是基于基础的canvas api制作的，使用es5语法，采用面向对象的思想，将飞机、子弹、怪兽和其他用到的元素分别放在不同的类中表示，并提取出公共类，利用组合继承的方式让子类继承它们。
为了使游戏运行更流畅，使用requestAnimationFrame，并对键盘事件做了特殊处理。

## 项目说明
- 概述：Canvas 射击小游戏要求玩家控制飞机发射子弹，消灭会移动的怪兽，如果全部消灭了则游戏成功，如果怪兽移动到底部则游戏失败。
- 目标：实现一个 Cavnas 射击小游戏
- 其他: 该项目是我网课的一个作业，由于完成得较好，所以分享出来

## 项目结构
- **index.html**: 游戏页面
- **style.css**: 页面样式
- **js**: 页面涉及的所有 js 代码
  - **app.js**: 页面逻辑入口 js
- **img**: 存放游戏的图片素材
- **视觉稿**: 存放游戏的视觉稿
- **readme.md**: 项目说明文档


## 项目演示地址
[demo](https://cuitzhy.gitee.io/canvas-shoot-game/)