【爱前端】Web前端开发之Canvas动画和手机游戏

课程简介：
1.canvas是html5的一个新标签，属于h5的新特性
2.canvas标签是一个图形的容器，简单点说就是一块画布，你可以在上画矩形，圆形，三角形，折线等等,也可以用来画logo
3.它是通过javascript来画的，即脚本绘制图形

canvas可以用来干啥呢？
1.制作web网页游戏（但是如果代码写的不咋的游戏可能会非常卡）
2.数据可视化（这么说你可能不明白，但我告诉你echarts就是基于canvas）
3.广告banner的动态效果非常适合用canvas制作
4.canvas还可以用来内嵌一些网页

课程目录：
├──canvas第1天
| ├──Canvas第1天视频
| | ├──01_后期课程概述.mkv 65.41M
| | ├──02_canvas概述和helloworld.mkv 64.52M
| | ├──03_笔触和填充.mkv 72.14M
| | ├──04_弧圆形贝塞尔曲线.mkv 55.22M
| | ├──05_运动和用面向对象实现运动.mkv 92.02M
| | ├──06_炫彩小球.mkv 32.72M
| | ├──07_使用图片.mkv 175.14M
| | ├──08_资源管理器.mkv 58.62M
| | ├──09_flappybird游戏项目 – 屏幕适配、资源读取.mkv 152.21M
| | ├──10_flappybird游戏项目-背景类.mkv 76.15M
| | └──11_flappybird游戏项目-管子类.mkv 116.84M
| ├──16点59分.zip 105.35kb
| ├──2017年3月13日案例-canvas第1天.zip 620.23kb
| ├──htdocs.zip 506.99kb
| ├──swipe和swiper.avi 818.19M
| ├──课堂笔记.docx 1.29M
| └──上午的.zip 5.41kb
├──canvas第2天
| ├──Canvas第2天
| | ├──01_flappybird游戏开发-管子类.iqd.mkv 90.10M
| | ├──02_flappybird游戏开发-canvas中的移动变形.iqd.mkv 34.82M
| | ├──03_flappybird游戏开发-canvas中的旋转变形.iqd.mkv 50.58M
| | ├──04_flappybird游戏开发-下落算法.iqd.mkv 141.16M
| | ├──05_flappybird游戏开发-小鸟添加到游戏中.iqd.mkv 53.50M
| | ├──06_flappybird游戏开发-碰撞检测.iqd.mkv 175.40M
| | ├──07_flappybird游戏开发-分数.iqd.mkv 62.08M
| | ├──08_flappybird游戏开发-场景管理器.iqd.mkv 133.76M
| | └──09_flappybird游戏开发-分场景开发.iqd.mkv 286.60M
| ├──canvas第2天案例.zip 266.48kb
| └──课堂笔记.docx 543.32kb
├──canvas第3天
| ├──Canvas第3天
| | ├──01_消除游戏项目开发-游戏业务、有限状态机.iqd.mkv 72.01M
| | ├──02_消除游戏项目开发-基本场景的搭建.iqd.mkv 143.06M
| | ├──03_消除游戏项目开发-精灵类.iqd.mkv 27.31M
| | ├──04_消除游戏项目开发-地图类.iqd.mkv 68.82M
| | ├──05_消除游戏项目开发-精灵的运动.iqd.mkv 113.88M
| | ├──06_消除游戏项目开发-精灵的爆炸.iqd.mkv 54.19M
| | ├──07_消除游戏项目开发-消除判定算法.iqd.mkv 94.58M
| | ├──08_消除游戏项目开发-下落效果制作.iqd.mkv 158.05M
| | └──09_消除游戏项目开发-补充新的.iqd.mkv 94.76M
| ├──素材
| | ├──bg1.png 474.22kb
| | ├──bg2.png 289.06kb
| | ├──bomb.png 71.65kb
| | ├──bomb2.png 38.92kb
| | ├──i0.png 29.82kb
| | ├──i1.png 33.36kb
| | ├──i10.png 26.38kb
| | ├──i11.png 30.75kb
| | ├──i12.png 24.76kb
| | ├──i13.png 25.89kb
| | ├──i14.png 20.69kb
| | ├──i2.png 25.44kb
| | ├──i3.png 22.48kb
| | ├──i4.png 25.30kb
| | ├──i5.png 29.38kb
| | ├──i6.png 29.38kb
| | ├──i7.png 25.52kb
| | ├──i8.png 24.26kb
| | └──i9.png 22.73kb
| ├──2017年3月16日案例.zip 998.34kb
| ├──underscore.min.js 15.26kb
| ├──课堂笔记.docx 517.64kb
| └──算法.html 1.55kb
├──canvas第4天
| ├──Canvas第4天
| | ├──01_消除游戏游戏开发-有限状态机的概念.iqd.mkv 102.49M
| | ├──02_消除游戏游戏开发-回调函数的实现.iqd.mkv 81.57M
| | ├──03_消除游戏游戏开发-连续消除的实现.iqd.mkv 100.54M
| | ├──04_消除游戏游戏开发-回调函数再次讲解.iqd.mkv 120.96M
| | ├──05_消除游戏游戏开发-鼠标拖拽监听.iqd.mkv 98.03M
| | ├──06_消除游戏游戏开发-交换元素位置.iqd.mkv 91.95M
| | ├──07_消除游戏游戏开发-连击、音乐、分数等杂项.iqd.mkv 455.36M
| | └──Canvas第4天加密视频.torrent 11.23kb
| ├──android-debug – (1).apk 5.84M
| ├──android-debug(修改之后的).apk 5.84M
| ├──android-debug.apk 5.84M
| ├──canvas第4天案例.zip 7.10M
| ├──getAge.js 0.23kb
| ├──回调函数和状态机小demo.html 3.03kb
| ├──开心消消乐.zip 3.55M
| ├──课堂笔记 – (1).docx 245.53kb
| ├──课堂笔记.docx 245.53kb
| ├──上午11点.zip 998.55kb
| ├──图示.pptx 44.17kb
| └──下午3点.zip 1000.01kb
└──canvas第5天
| ├──canvas第5天
| | ├──01_坦克大战游戏项目-地图编辑器.iqd.mkv 174.21M
| | ├──02_坦克大战游戏项目-地图编辑器.iqd.mkv 163.50M
| | ├──03_坦克大战游戏项目-地图编辑器.iqd.mkv 86.34M
| | ├──04_坦克大战游戏项目-地图类.iqd.mkv 31.90M
| | ├──05_坦克大战游戏项目-玩家类.iqd.mkv 88.75M
| | ├──06_坦克大战游戏项目-子弹类.iqd.mkv 117.18M
| | └──07_坦克大战游戏项目-敌人类.iqd.mkv 219.92M
| ├──什么是事件委托.zip 29.01kb
| └──坦克大战项目-请自行完善.zip 89.00kb