H5游戏开发,需要学习的技术如下:
1、HTML5教程,主要学习HTML标签、属性和事件。
2、CSS教程,主要学习使用CSS来控制网页的样式和布局。
3、JavaScript教程,做HTML5开发,主要使用JS语言。所以要学习JS语言。
4、HTML5其它的核心技术
WebWorker
可以在浏览器中运行多个JS脚本。可以用于需要后台执行某种耗时工作的场合。
WebSocket
浏览器可以与服务器间双向通信。Socket方式能够大大提高浏览器与服务器间的通信效率。可以用于浏览器与服务器间通信频繁的场合,比如实时聊天。
以 B 站的播放页面为例,分析 H5 播放器常具备的功能:
该播放器容器内部包含两部分,分别是媒体播放区域和控件区域,其中控件浮动在容器的底部。
控件区域又由上方的进度条和下方的控件组构成。进度条可以包括两层 DIV,一层作为底部背景,一层位于背景之上,作为实际的进度显示。控件组的布局左边浮动 “播放/暂停” 按钮,“时长” 信息,右边浮动 “音量、“倍速”、“全屏” 按钮。
接下来就需要为各个控件按钮添加对应的事件行为