码迷,mamicode.com
首页 > Web开发 > 详细

HTML5游戏开发都需要掌握哪些技能?

时间:2016-04-21 20:05:47      阅读:173      评论:0      收藏:0      [点我收藏+]

标签:

很多人都会问H5游戏有前途吗?其实我个人是比较看好H5的前景,尤其是在这个移动互联网的时代,Web技术的触角必然会深入到各个领域,包括题主关心的游戏领域。

当然H5目前仍然存在着不少缺点,包括大家所提到的性能较弱、碎片化问题和JS这门语言自身的缺点等等。但这不能抹杀H5自身的魅力,用户到达成本低,这是H5的杀手级优势。基于这个优势, H5前景必然是广阔的,更别提H5开发还有着开发效率高、部署迭代迅速等优势。

而H5也不是一成不变的,如运行效率、碎片化,和JavaScript自身的坑,这些令人困扰的问题已经在不断改善,Web技术也正在以一日千里的速度进化着。大家不妨回想一下,在IE的时代,在Android WebKit的时代,Web的开发和体验有多么痛苦,但时至今日我们已经有不少优秀的开发框架和app级的web应用,这一切要归功于一代代程序员的不断努力。Web技术更是已经越过了浏览器的边界,正在入侵app的领域,大家可以看一下手机淘宝、手机百度、京东等。而在移动游戏领域,变化也在悄然发生着,最受欢迎的2d游戏引擎Cosos2d已经支持用JavaScript开发并同时编译成H5和原生app版本,听说Unity也将提供H5支持。

综上,Web技术有着不可替代的优势,而劣势正在逐渐改观,参考互联网几十年的发展历程和近年来Web技术的爆发式发展,我认为H5游戏的前景不可限量。移动app的web化、Hybrid化趋势,两大游戏引擎的动向,也多多少少证明了这个观点。HTML5游戏开发都需要学习技能,一起来看看吧!

1、课程简介

介绍HTML5游戏开发的发展前景,游戏效果展示; 说明HTML5游戏开发的学习路线; 介绍HTML5游戏开发的生命周期。

2、游戏初体验

介绍Canvas与Context的概念,介绍如何使用Canvas与Context完成游戏动画的程序编写。

3、绘制样式与线段

介绍如何设置绘制样式,以及如何绘制线段。

4、矩形

如何使用API完成矩形的绘制,填充,擦除等效果。

5、平移、旋转与缩放

介绍在HTML5当中,如何实现平移、旋转、缩放等效果,为游戏特效打下基础。

6、案例—旋转吧方块!

采用基础知识完成动画案例,让方块旋转起来,三种不同特效。

7、路径与圆

介绍如何使用HTML5绘制不规则路径、圆形、扇形等。

8、阴影与渐变-1

介绍如何实现阴影特效,如何实现线性渐变,径向渐变。

9、阴影与渐变-2

介绍如何实现阴影特效,如何实现线性渐变,径向渐变。

10、阴影与渐变-3

介绍如何实现阴影特效,如何实现线性渐变,径向渐变。

11、图像绘制-1

介绍如何绘制图像、如何进行图像平铺及裁剪。

12、图像绘制-2

介绍如何绘制图像、如何进行图像平铺及裁剪。

13、案例-马里奥,走起来!

通过案例展示如何让马里奥走动起来。

课程地址:http://edu.51cto.com/course/course_id-1307.html

HTML5游戏开发都需要掌握哪些技能?

标签:

原文地址:http://www.cnblogs.com/qingfengxulai1/p/5418217.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!