HTML5游戏开发由浅入深

默认教学计划
1888人加入学习
(5人评价)
价格 免费
教学计划
课程介绍

HTML5游戏开发者社区(http://html5gamedev.org/),推出大型《 HTML5游戏开发课程》。

重要通知,考虑到直播对网络条件要求较高。跟ccbear老师商量后,决定 之后 H5游戏开发课程全部 视频更新,请收藏本课程页面。

欢迎大家踊跃报名,并到我们专门的web开发公开课技术群提问、交流。

我们公开课交流群:367129238每期公开课最新消息发布,群资源共享)

感谢本公开课老师:@杨植雄
授课方式是:泰课直播页面
报名地址:https://www.taikr.com/course/38
讲师介绍:
杨植雄,HTML5游戏开发者社区核心成员,Sirius2D引擎开发者之一,擅长使用各类HTML52D游戏引擎,并且对Canvas图形图像处理有着深入的研究。


以下是大型《 HTML5游戏开发免费公开课》完整课时介绍:

课程ppt及demo点我

1.工具与准备
介绍html5游戏开发用到的相关编程工具,如:Hbuild/ webstrom +chrome浏览器。

包括两个IDE的优缺点。如何让你的chrome浏览器的强大功能不被埋没。

2.js 基础学习

介绍javascript的一些基本用法,变量定义、函数。常见的语法、使用的技巧。  继承的实现。

3.画布概念,获取画布显示图片

通俗地介绍画布,画布能做什么?简单的显示一张图片。

4.显示图片与基本操作

学习drawImage()函数,引入切片概念。

5.画布的坐标系
介绍画布坐标系。以及常见的游戏坐标。坐标系的变换。

Save 和 restore的理解和用法。

6.清理画布

清除显示的东西,清理的概念,是一个视觉错觉。学会利用好视觉欺骗。

7.裁剪与动画

利用“裁剪”来实现帧动画,电影放映、录像带。

8.游戏循环

游戏循环通常我们成为游戏“心跳”,一个游戏里边只有一个游戏心跳。游戏帧率。

9.基于纹理集的帧动画

为何使用纹理集?有什么好处。Xml是做什么用的?和动画有什么关系?实现帧动画的播放。

10.封装一(舞台和显示列表)

为什么要封装?封装之后会怎样?该怎样封装?

11.控制精灵动画

1.停止2.播放3.停止到某一帧4.从某一帧开始播放5.切换动画片段

12.如何保证资源加载完毕

为何要保证资源的加载完毕?onload事件

13.刷新率和动画的帧率

游戏的刷新率和动画的帧率是两个不同的概念。如何理解这两个概念?

14.混色

混色原理。透明度与alpha通道

15.粒子发射器原理

粒子发射器是如何实现的?

16.键盘事件

键盘事件,让你的人物行动起来。

17.鼠标事件

鼠标事件,移动的的touch事件。按钮

18.检测碰撞--基于图元的宽度和坐标检测

19.检测碰撞--计算三角面与点的检测原理

20.检测碰撞--基于AABB边界盒监测

21.让你的游戏画龙点睛--多媒体声音

22.游戏的优化技巧

js语言技巧。游戏的资源管理。性能的损耗。

三消除游戏实战之—游戏前期规划

三消除游戏实战之—显示游戏元素

三消除游戏实战之—游戏算法逻辑

三消除游戏实战之—完成与优化

23. 扩展篇:
显示层的实现
读取Xml与解析
完善你的引擎

授课教师

Sirius2D引擎开发者之一

课程特色

视频(10)

学员动态