课程咨询:400-111-8989

  • 想学HTML5游戏开发,技能树应该怎么点?

    发布:HTML5培训  来源:html5教程  时间: 2018年07月24日

  • 今天小编为大家分享的文章是关于想学HTML5游戏开发,技能树应该怎么点的文章,希望本篇文章能够对想要学习HTML5游戏开发的小伙伴们有所帮助。...

  • 今天小编为大家分享的文章是关于想学HTML5游戏开发,技能树应该怎么点的文章,希望本篇文章能够对想要学习HTML5游戏开发的小伙伴们有所帮助。

    想学HTML5游戏开发,技能树应该怎么点?

    Js -> canvas/webGL -> fireball-x,以下是详细解释:

    假定题主已经有一定的游戏开发基础,如果没有的话,我建议题主做一些游戏开发的基础学习.那么要最快时间点出HTML5游戏开发的技能树,按照上述路线即可.

    Javascript: 这个不用说了,这是H5开发的入门语言,题主完全不用在意目前H5领域的其他语言变种,比如CoffeeScript, TypeScript.这些变种只会给你的学习带来混乱,我们只需要专注掌握Javascript即可.

    canvas/webGL:要做H5游戏自然少不了在上面画东西,那么根据自己的情况选择一种绘制方案.

    如果是初学者,我推荐 Canvas , H5的canvas 2d context已经包含了比较完备的2d graphics绘制API,这可以让我们画东西更加快捷.而如果题主励志要做高效的游戏, 3D绘制 或者更高阶的绘制技巧,那么掌握webGL是必不可少的.如果你没有openGL方面的知识,也不用害怕,因为webGL正好是一次让你补习的机会,他的API设计和openGL ES非常类似,其内在的知识点也都是相同的,而且上手更方便简单,在这样的环境下,比起过去学习openGL的开发者来说要迅速很多,也容易获得成就感,所以我是非常推荐在canvas学习的基础上在进一步学习webGL的.

    fireball-x: http://fireball-x.com是一个类似Unity3D的游戏引擎,他的初衷便是让前端开发人员可以在已有的基础上,方便地开发H5游戏.

    目前引擎处于非常早期的内测阶段,但是已经是一个功能相对完备的开发工具了.对于以学习为目的的H5游戏开发人员,我非常推荐这个引擎工具.他不仅提供给你从脚本编写到场景编辑的无缝环境,而且引入了现在主流游戏开发中的Entity-Component的设计体系,和同类引擎相比, fireball-x提供了非常好的脚本编写和调试环境,并且省去了初学者上手设置页面和测试页面等诸多恼人且费时的事情,所以是入门学习H5游戏的好帮手!

    三个阶段后,我们可以再来看看其他一些技能树:

    css: 对于游戏开发不是必要的,如果你不做页面排版,单纯只是做h5游戏开发,那么掌握css对你的帮助更多的是思路上的开阔. css作为一门较为成熟的排版DSL,他归纳了许多优秀的思想,这些设计思想可以帮助你应用在其他领域,包括你自己设计的游戏UI系统.

    Dom Event: 你需要掌握一些简单的Dom Event,用他们来做Input响应.那么更深入的Dom Event学习是否有必要呢?答案是肯定的,了解bubble phase, capture phase和一些常用消息不会消耗你多少时间,但是他却能够在你整个h5开发过程中解释非常多的疑问,所以花点时间去学习,也就一天就搞定的事情.

    Web Audio: 简单的说,目前的主流浏览器对这个东西的支持都是渣,往远处看Web Audio确实很好的归纳了声效编程的一些基础知识点.所以有多余时间就好好的学习一下.

    到了这里,技能树的基础点大概就点的差不多了,自己根据需要继续就是了. html5游戏开发很有趣,主要是快捷,写点代码开个devtools debug非常的轻松愉快。

    以上就是小编今天为大家分享的关于学习HTML5游戏开发的文章,想要了解更多关于HTML5相关资讯的文章欢迎关注达内HTML5培训官网。

    【免责声明:本文图片及文字信息均由小编转载自网络,旨在分享提供阅读,版权归原作者所有,如有侵权请联系我们进行删除。】

  • 上一篇:想要学好HTML5都需要经历哪些阶段

    下一篇:没有下一篇了

网站导航
2002-2018 达内时代科技集团有限公司 版权所有 京ICP证8000853号-56