获取资料

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

【爱前端】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

评论0

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址