html5游戏开发，需要学习什么技术？ 10
2，学习的路线是怎样的，先学什么，再学什么？
3，目前国内哪款开发工具使用较多，较常用？
ps:做过三年的j2ee开发，前端的html基础，js和css基本掌握，希望过来人指点一下，先谢过了。 展开
html5游戏开发，需要学习的技术：
1、HTML5教程
主要学习HTML标签、属性和事件。
2、CSS教程
主要学习使用CSS来控制网页的样式和布局。
3、JavaScript教程
做HTML5开发，主要使用JS语言。所以要学习JS语言。
4、HTML5其它的核心技术
做HTML5开发，可能会用到下面的技术。
（1）WebWorker
可以在浏览器中运行多个JS脚本。可以用于需要后台执行某种耗时工作的场合。
（2）WebSocket
浏览器可以与服务器间双向通信。Socket方式能够大大提高浏览器与服务器间的通信效率。可以用于浏览器与服务器间通信频繁的场合，比如实时聊天。
扩展资料：
HTML5的优点：
新一代网络标准能够让程序通过Web浏览器，消费者从而能够从包括个人电脑、笔记本电脑、智能手机或平板电脑在内的任意终端访问相同的程序和基于云端的信息。
HTML5允许程序通过Web浏览器运行，并且将视频等目前需要插件和其它平台才能使用的多媒体内容也纳入其中，这将使浏览器成为一种通用的平台，用户通过浏览器就能完成任务。此外，消费者还可以访问以远程方式存储在“云”中的各种内容，不受位置和设备的限制。
缺点：
1、开放性带来的困扰
在从前网络平台上存在大量的专利产品，想要实现HTML5技术的大量应用首先就需要将这些专利性的产品变为开放式的产品，由于各种原因，当前面对这一问题还存在许多争议。
以视频格式为例，两大阵营对于视频格式的设置存在争议，一大阵营以苹果为代表，另一大阵营则以Opera、火狐、谷歌为代表。
WPEG阵营是苹果所属阵营，由于其自身全部使用的是这一种格式，所以坚持认为应当将此格式作为标准，而WebM阵营则认为由于WPEG格式的专利依然没有解除，对于HTML5技术要求的开放性没有达标，所以不同意将其作为标准格式。
2、发展的速度有待提升
在HTML5中提出了一些从前HTML技术中不具有的新技术，但是有许多主流浏览器在长时间的发展过程中已经完成了此种技术的开发，在自身浏览器中实现了此种功能，就这一情况来说HTML5的发展速度方面存在一定的问题。
同时由于HTML5的不成熟，当前关于HTML5的相关技术标准还没有完全确定，所以在短时间想要将其投入大规模应用还比较困难。
参考资料：百度百科-html5
2021-11-18 · 百度认证:广州市王氏教育科技有限公司官方账号
CGWANG王氏教育集团
想要系统的学习可以考虑报一个网络直播课，推荐CGWANG的网络课。老师讲得细，上完还可以回看，还有同类型录播课可以免费学（赠送终身VIP）。
自制能力相对较弱的话，建议还是去好点的培训机构，实力和规模在国内排名前几的大机构，推荐行业龙头：王氏教育。
王氏教育全国直营校区面授课程试听【复制后面链接在浏览器也可打开】：
www.cgwang.com/course/gecoursemobilecheck/?zdhhr-11y17r-1753789564836384308
在“游戏特效/unity3D”领域的培训机构里，【王氏教育】是国内的老大，且没有加盟分校，都是总部直营的连锁校区。跟很多其它同类型大机构不一样的是：王氏教育每个校区都是实体面授，老师是手把手教，而且有专门的班主任从早盯到晚，爆肝式的学习模式，提升会很快，特别适合基础差的学生。
大家可以先把【绘学霸】APP下载到自己手机，方便碎片时间学习——绘学霸APP下载： www.huixueba.com.cn/Scripts/download.html
假定题主已经有一定的游戏开发基础, 如果没有的话, 我建议题主做一些游戏开发的基础学习. 那么要最快时间点出 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: 是一个类似 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 非常的轻松愉快
1. HTML5教程
主要学习HTML标签、属性和事件。
2. CSS教程
主要学习使用CSS来控制网页的样式和布局。
3. JavaScript教程
做HTML5开发，主要使用JS语言。所以要学习JS语言。必要时还要学习一些JS库，方便开发。
4. HTML5其它的核心技术
以上只是基础，做HTML5开发，可能会用到下面的技术。
1）WebWorker
可以在浏览器中运行多个JS脚本。可以用于需要后台执行某种耗时工作的场合。
2）WebSocket
浏览器可以与服务器间双向通信。Socket方式能够大大提高浏览器与服务器间的通信效率。可以用于浏览器与服务器间通信频繁的场合，比如实时聊天。
3）Canvas2D
浏览器中画图。可以用于游戏开发等等场合。
