H5 游戏开发需要使用哪些技术?

JavaScript012

H5 游戏开发需要使用哪些技术?,第1张

H5游戏开发,需要学习的技术如下:

1、HTML5教程,主要学习HTML标签、属性和事件。

2、CSS教程,主要学习使用CSS来控制网页的样式和布局。

3、JavaScript教程,做HTML5开发,主要使用JS语言。所以要学习JS语言。

4、HTML5其它的核心技术

WebWorker

可以在浏览器中运行多个JS脚本。可以用于需要后台执行某种耗时工作的场合。

WebSocket

浏览器可以与服务器间双向通信。Socket方式能够大大提高浏览器与服务器间的通信效率。可以用于浏览器与服务器间通信频繁的场合,比如实时聊天。

以 B 站的播放页面为例,分析 H5 播放器常具备的功能:

该播放器容器内部包含两部分,分别是媒体播放区域和控件区域,其中控件浮动在容器的底部。

控件区域又由上方的进度条和下方的控件组构成。进度条可以包括两层 DIV,一层作为底部背景,一层位于背景之上,作为实际的进度显示。控件组的布局左边浮动 “播放/暂停” 按钮,“时长” 信息,右边浮动 “音量、“倍速”、“全屏” 按钮。

接下来就需要为各个控件按钮添加对应的事件行为