撩一下
畅销套餐精选套餐人气套餐尊享套餐高薪套餐课程介绍课程大纲试看 讲师好课 0 学员评价适合人群：
有一定js基础的初学者，或者想学习HTML5游戏引擎的老手
你将会学到：
深入浅出HTML5游戏引擎视频教程，人人都可学习HTML5游戏引擎
课程简介：
深入浅出HTML5游戏引擎
课程目标：
和大家一起从零开始创建一款强大简洁的HTML5游戏引擎！
适合对象：
所有对游戏开发有兴趣的同学，本引擎由实战而来，非象牙塔之流。
学习条件：
有JS基础即可，较好用过一年以上。
课程大纲-深入浅出HTML5游戏引擎视频教程
资料下载
第1章javascript基础进阶(1小时15分钟2节)
1-1
HTML5游戏引擎-为什么选择我就够了给你一个说服自己的理由，从此不再东挑西选
[06:18]开始学习
1-2
HTML5游戏引擎-JS基础进阶本节课内容非常多，首先从语言层面梳理了js的引用、闭包、作用域、上下文和原型等基础知识，然后抽象到面向对象原理，模块化CMD规范等，最后介绍了一些好用的轮子。因为课程重点为引擎的设计，所以本课权重比较小，但却是重中之重，如果在学习的过程中有困难，欢迎和我交流，QQ群38155026，扎实的基础是我们飞翔的翅膀。
「仅限付费用户」点击下载“js基础.ppt”
[01:09:39]开始学习
2-1
HTML5游戏引擎-CANVAS本节课简单介绍了下游戏引擎的概念，并重点分享了canvas的基础API。
「仅限付费用户」点击下载“canvas.zip”
[01:16:29]开始学习
2-2
HTML5游戏引擎-游戏精灵本节课将之前的很多知识点关联起来，演示了“大牛们”如何编码，非常有学习价值！
「仅限付费用户」点击下载“h5game.zip”
[59:54]开始学习
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-7
HTML5游戏引擎-矩阵和精灵本课介绍了矩阵运算在引擎里面的应用，包括坐标转换、获得边界等。
「仅限付费用户」点击下载“h5game.zip”
[07:34]开始学习
2-8
HTML5游戏引擎-主循环深入浅出HTML5游戏引擎系列教程-游戏主循环。现场coding游戏Timer。
「仅限付费用户」点击下载“h5game.zip”
[18:26]开始学习
2-9
HTML5游戏引擎-保时丢帧/保帧延时深入浅出HTML5游戏引擎系列教程-游戏主循环。讨论游戏主循环优化，保时丢帧/保帧延时，统一时间轴等游戏思想。
「仅限付费用户」点击下载“深入浅出HTML5游戏引擎51CTO学堂-主循环.pptx”
[14:44]开始学习
3-1
HTML5游戏引擎-精灵容器-DOM树结构本节课讲了引擎的核心之一，构建精灵树的基础，精灵容器。从此将开启另一种思维，接下来我们会以此为起点，重构矩阵运算和事件包，实现舞台、场景等。
「仅限付费用户」点击下载“h5game.zip”
[25:09]开始学习
3-2
HTML5游戏引擎-精灵容器-重构事件本课讲了如何重构事件，支持精灵树的事件原理；并实现了事件冒泡；更多思考部分讲述了一些最佳实践。
「仅限付费用户」点击下载“h5game.zip”
[33:18]开始学习
3-3
HTML5游戏引擎-精灵容器-矩阵运算本课讲解了精灵树结构时的矩阵运算，属于绝密心法，将原来矩阵运算的内功灵活运用！
「仅限付费用户」点击下载“h5game.zip”
[07:10]开始学习
3-4
HTML5游戏引擎-上下文-DOM画笔DOMContext，DOM画笔，一键切换canvas和dom！
「仅限付费用户」点击下载“h5game.zip”
[23:49]开始学习
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-8
HTML5游戏引擎-显示对象-Graphics本课讲述了矢量图Graphics的实现原理，及应用了的一个编程思想技巧。
「仅限付费用户」点击下载“h5game.zip”
[24:02]开始学习
3-9
HTML5游戏引擎-显示对象-Graphics-中国地图本课讲述了Graphics的drawSVGPath接口，介绍了svg路径的常用命令，并用Graphics实现；另实现了Province类，使用canvas的基于路径的像素级新算法，并加入了动画及缓存的实现。
「仅限付费用户」点击下载“h5game.zip”
[35:05]开始学习
展开更多
