下载学堂APP缓存视频离线看
- 畅销套餐
- 精选套餐
- 人气套餐
- 尊享套餐
- 高薪套餐
- 课程介绍
- 课程大纲
适合人群：
有一定js基础的初学者，或者想学习HTML5游戏引擎的老手
你将会学到：
深入浅出HTML5游戏引擎视频教程，人人都可学习HTML5游戏引擎
课程简介：
课程大纲-深入浅出HTML5游戏引擎视频教程
第1章javascript基础进阶(1小时15分钟2节)
1-2
HTML5游戏引擎-JS基础进阶本节课内容非常多，首先从语言层面梳理了js的引用、闭包、作用域、上下文和原型等基础知识，然后抽象到面向对象原理，模块化CMD规范等，最后介绍了一些好用的轮子。因为课程重点为引擎的设计，所以本课权重比较小，但却是重中之重，如果在学习的过程中有困难，欢迎和我交流，QQ群38155026，扎实的基础是我们飞翔的翅膀。
「仅限付费用户」点击下载“js基础.ppt”
[01:09:39]开始学习第2章游戏引擎基础篇(4小时24分钟9节)
2-3
HTML5游戏引擎-事件原理HTML5游戏引擎的事件机制实现原理，讲述了如何通过给canvas绑定基础事件，来衍生出精灵的各种其他事件，及事件分发和缓存的具体实现，并且像jQuery操作dom元素一样简单，不容错过！
「仅限付费用户」点击下载“h5game.zip”
[36:08]开始学习2-4
HTML5游戏引擎-碰撞检测HTML5游戏引擎之碰撞检测，介绍了游戏设计里面几种常见的碰撞算法，着重描述了碰撞检测的思路，及实现了最常用的外接矩形算法。
「仅限付费用户」点击下载“h5game.zip”
[09:35]开始学习2-5
HTML5游戏引擎-像素级碰撞检测HTML5游戏引擎之像素级碰撞检测，讲述了像素级碰撞检测的原理及应用场景，并现场coding了一个漂亮的demo。
「仅限付费用户」点击下载“h5game.zip”
[24:40]开始学习2-6
HTML5游戏引擎-矩阵运算线性变换和矩阵运算，仿射变换，canvas transform原理。
「仅限付费用户」点击下载“深入浅出HTML5游戏引擎51CTO学堂.pptx”
[16:38]开始学习2-9
HTML5游戏引擎-保时丢帧/保帧延时深入浅出HTML5游戏引擎系列教程-游戏主循环。讨论游戏主循环优化，保时丢帧/保帧延时，统一时间轴等游戏思想。
「仅限付费用户」点击下载“深入浅出HTML5游戏引擎51CTO学堂-主循环.pptx”
[14:44]开始学习第3章游戏引擎进阶篇(7小时20分钟21节)
3-1
HTML5游戏引擎-精灵容器-DOM树结构本节课讲了引擎的核心之一，构建精灵树的基础，精灵容器。从此将开启另一种思维，接下来我们会以此为起点，重构矩阵运算和事件包，实现舞台、场景等。
「仅限付费用户」点击下载“h5game.zip”
[25:09]开始学习3-2
HTML5游戏引擎-精灵容器-重构事件本课讲了如何重构事件，支持精灵树的事件原理；并实现了事件冒泡；更多思考部分讲述了一些最佳实践。
「仅限付费用户」点击下载“h5game.zip”
[33:18]开始学习3-5
HTML5游戏引擎-显示对象-Bitmap本课讲述了位图精灵，将之前使用图片的套路抽离，并添加了纹理处理等内容，现场coding实现。
「仅限付费用户」点击下载“h5game.zip”
[11:01]开始学习3-6
HTML5游戏引擎-显示对象-MovieClip本课回顾了Bitmap，布置了一个扩展练习；主要分析了游戏里的逐帧动画原理，并详细讲解了实现原理（补单动画拆到后面讲），最后是丰富的实例和有意义的扩展！
「仅限付费用户」点击下载“h5game.zip”
[39:32]开始学习3-7
HTML5游戏引擎-显示对象-Button本课讲述了button按钮控件的实现及原理，简单介绍了一个diy的在线小工具h5tools
「仅限付费用户」点击下载“h5game.zip”
[24:04]开始学习3-9
HTML5游戏引擎-显示对象-Graphics-中国地图本课讲述了Graphics的drawSVGPath接口，介绍了svg路径的常用命令，并用Graphics实现；另实现了Province类，使用canvas的基于路径的像素级新算法，并加入了动画及缓存的实现。
「仅限付费用户」点击下载“h5game.zip”
[35:05]开始学习
