课程介绍：
提高 Javascript 编程能力
掌握 Canvas 开发技巧
深入理解 JS 面向对象
学习Typescript 的使用





课程目录：
01.
第一章 canvas基础知识（10节）

1.1 源码版本库
7分钟
2.2 canvas的基本使用
9分钟
3.3 typescript类型支持
11分钟
4.4 绘制圆形
6分钟
5.5 多边形绘制
5分钟
6.6 橡皮擦
5分钟
7.7 文字处理
6分钟
8.8 图片贴图的使用
9分钟
9.9 图片绘制
9分钟
10.10 绘制随机色块
9分钟
02.
第二章 canvas绘制黑板案例（7节）

1.1 创建黑板画布
9分钟
2.2 通过鼠标在黑板上写字
6分钟
3.3 事件移除
5分钟
4.4 清屏操作
10分钟
5.5 改变粉笔的颜色
7分钟
6.6 橡皮擦
5分钟
7.7 画布截图
6分钟
03.
第三章 坦克游戏开始开发（1）（10节）

1.1 创建项目
7分钟
2.2 游戏开发分析
4分钟
3.3 默认样式重置
5分钟
4.4 不使用鼠标创建文件
5分钟
5.5 全局配置项
4分钟
6.6 画布abstract抽象类
10分钟
7.7 模型贴图
14分钟
8.8 游戏贴图预加载
12分钟
9.9 优化模型贴图逻辑
7分钟
10.10 随机生成模型元素坐标
6分钟
04.
第三章 坦克游戏开始开发（2）（3节）

1.11 批量生成唯一坐标
4分钟
2.12 使用模型类型创建实例
6分钟
3.13 为草地等模型提供TS类型支持
8分钟
05.
第四章 绘制其他游戏元素（10节）

1.1 模型位置管理服务
9分钟
2.2 修复创建模型的bug
13分钟
3.3 绘制墙体模型
7分钟
4.4 绘制水元素
3分钟
5.5 生成白墙元素
4分钟
6.6 重构游戏元素生成逻辑
8分钟
7.7 绘制敌方坦克
8分钟
8.8 改变坦克方向
9分钟
9.9 通过lodash改变方向
5分钟
10.10 让坦克动起来
6分钟
06.
第四章 绘制其他游戏元素（2）（3节）

1.11 重构模型渲染机制
6分钟
2.12 重绘由画布对象完成
8分钟
3.13 重新优化坦克移动逻辑
7分钟
07.
第五章 碰撞检测（4节）

1.1 画布碰撞检测
8分钟
2.2 完成碰撞检测
9分钟
3.3 增加向下移动的概率
4分钟
4.4 优化模型代码
10分钟
08.
第六章 子弹发射（1）（9节）

1.1 创建子弹模型与画布
3分钟
2.2 为画布命名
5分钟
3.3 子弹创建逻辑分析
6分钟
4.4 修改子弹的TS类型
12分钟
5.5 子弹移动
6分钟
6.7 提取公共的碰撞检测
5分钟
7.8 模型卸载动作
4分钟
8.9 修复坦克碰撞检测
9分钟
9.10 修复子弹逻辑
7分钟
09.
第六章 子弹发射（2）（3节）

1.11 绘制 boss 围墙
7分钟
2.12 绘制 boss
5分钟
3.13 修复 boss 碰撞逻辑
2分钟
10.
第七章 玩家坦克控制（8节）

1.1 创建玩家
6分钟
2.2 改变玩家的方向
4分钟
3.3 修复事件无限绑定
2分钟
4.4 玩家坦克碰撞检测
4分钟
5.5 对玩家子弹的分析
2分钟
6.6 玩家发射子弹
3分钟
7.7 改变游戏速度
4分钟
8.8 坦克互战
4分钟
11.
第八章 游戏声音控制与开启结束处理（8节）

1.1 重构入口文件
3分钟
2.2 游戏开始贴图
2分钟
3.3 游戏开始处理
3分钟
4.4 游戏结束基础控制
5分钟
5.5 子弹停止
5分钟
6.6 子弹发射声音
5分钟
7.7 子弹爆炸的声音
2分钟
8.8 游戏结束时文字处理
4分钟