基于轻应用平台和HTML5的Web APP游戏开发的探讨

陈珍英

摘要：本文探讨了HTML5 的特点以及在Web App游戏中的运用，分析了HTML5与轻应用平台相结合，以及HTML5的缺点以及轻应用平台的局限性，研究了在教学中课程改革模式的探讨。

关键词：HTML5;轻应用;Web App;游戏开发

中图分类号：TP311.56 文献标识码：A 文章编号：1007-9416（2019）06-0174-01

0 引言

HTML5是对传统Web标准的升级式更新。HTML5的提出让移动Web App的开发与应用实现跨平台，且让游戏更具表现能力，结合移动Web App应用特点，不断创新APP在网页中的应用，还为用户带来更好的体验[1]。HTML 5.0带来的新特性，特别是丰富多媒体的能力，对增强移动Web App的音频与视频功能和优化其图形等功能有很大的探讨空间[2]。Web App在互联网时代不仅能够更好地满足人们对于云技术的需求，更可通过移动设备直接获取所需服务，比如移动类游戏等。

1 HTML5的特点以及在Web App游戏中的运用

1.1 实现跨平台

HTML5它是一个相对稳定和完善的编程环境，适用于跨平台的应用程序、视频、动画、图形、3D、平面排版和其他数字技术发布工具等。HTML5的优点主要在于：可以进行跨平台的使用。比如你开发了一款HTML5的游戏，你可以很容易地移植到UC的开放平台、Opera的游戏中心、Facebook应用平台、百度轻应用平台、小米轻应用平台、火狐轻应用平台等，甚至可以通过封装的技术发放到App Store或Google Play上，所以它的跨平台性非常强大。

1.2 实现离线和本地存储

HTML5使固定端与移动端的连接成为可视化，它们不再只是2个单独的个体，这使得资源和数据得以更好地共享与传递。

1.3 普遍运用的Web App开发方案

HTML5从本质上转变了开发移动Web App的方式，不仅能够有效进行离线存储，更可以丰富App媒体内容，使得用户获得更好的体验，还能优化App平台，处理好多线程，实现真正意义上的平台兼容，针对安卓版本的平台，以HTML5为基础应用的移动Web App方案共有两个：（1）Web View组件;（2）系统Web kit。

1.4 Canvas的图形功能

在Web游戏中运用到HTML5的Canvas功能，它是最强大的API，过去需要通过Flash实现的动画插件与图书现在只需要JavaScript就能够实现，Canvas目前它对2D图形图表、动画效果提供了较好的技术支持，因此Canvas对Web 游戏的开发有着巨大的重大意义，选择HTML5 应用于移动Web开发以及游戏设计课程中对于教学有一定的前瞻性和良性发展的推动性。因此，在未來以HTML5为开发语言基础的移动Web App将会是发展的主流。

2 HTML5与轻应用平台相结合

2.1 轻应用技术特点

“轻应用”即使用HTML技术。轻应用是一种无需下载、即搜即用的全功能App，更甚能超越Native App的用户体验，又具备Web App的可被检索与智能分发的特性，将有效解决优质应用和服务与移动用户需求对接的问题[3]。比如神经猫——这款微信小游戏在短短数日让整个移动互联网行业看到了HTML5的另外一种可能。

2.2 优秀的体验

轻应用最大的特点是无需下载，即点即用。轻应用里所有的应用和小游戏应用也可直接添加到手机桌面。用户直接可见的好处是：无需下载，无消息推送，不需更新，对小内存的手机而言节省内存同时可获得更优秀的体验。HTML5的特性承接了小游戏的移动设计。

2.3 丰富盈利模式

一般意义上，一个App要想上架必须通过一个严格又漫长的审核过程，并且很可能被无数的应用所埋没，而如今多渠道多平台的可进行推广。架设轻应用平台丰富了盈利的模式和方法，如建立并发展自己的应用平台。

2.4 解决分发与搜索问题

轻应用对于应用分发可解决长尾分发问题，规避了Native App信息孤岛问题，实现破壳搜索，把应用分发与移动搜索合二为一。

2.5 对于轻应用目前有几个优势爆点

（1）移动流量超越PC，通过轻应用实现捷径处理。（2）流量转换为用户，架设通道的是轻应用。（3）轻应用服务了搜索的智能化。

利用HTML5开发轻度小游戏，实现移动领域在跨平台上的即搜即用等优势功能，在开发轻应用平台上搭建HTML5的表现舞台，无形中推动了HTML5的发展。因此基于HTML5的轻应用开发结合平台的使用实现了web新一代技术在移动领域的强大推动力发展，在Web App轻度游戏广泛运用中，实现便捷性和流行性。

3 HTML5的缺点以及轻应用平台的局限性

（1）跨平台不够彻底;（2）尚未实现强大的Mobile Device AP;（3）App开发需要编写大量JS实现，执行效率低，开发门槛高，用户体验不佳;（4）缺少快速迭代机制;（5）适合web的安全策略，不适应APP要求;（6）不同浏览器支持的差异性将成为长久的问题。

以后HTML5 Web技术面对开发周期长、难度大的困境，需要丰富平台内容，提升交互式体验方式，架设离线访问，实现真正意义上的“一次开发、多平台使用”。把单一的建设主体向多元化转变，提高APP系统的安全性，实现跨平台访问。要想提高HTML5 Web技术，还需要投入大量的人力物力。

4 在教学中课程改革模式的探讨

课程模式的改革必须结合人才培养方案、典型工作岗位的要求以及区域经济发展的需求。在以上三个大方向的指导下还要需要紧贴学情分析。在高职教育教学体系中，学情是相对复杂的，在知识点的教学中不仅流行项目导向的引入、教学做一体化，也需要注重知识点与学生接受能力之间的平衡。因此在教学模式的探索中我们要考虑几个问题：（1）知识点的新鲜感;（2）知识点的先进性;（3）知识点的择优性;（4）知识点的易实现性。

既要符合教学中知识点系统性，注重知识点的实用性，还要实现课程与职业之间构架的职业素养的养成，因此在这么严谨的体系中我们需要培养学生获得知识的成就感，从感性工学的角度设计课程。而我们在设计移动Web开发以及游戏设计过程中选中什么样的语言以及實现平台，就体现了课程设计的艺术感。因此在移动应用开发和游戏设计中，或者Web 技术开发中，我们利用HTML5的新特性，以及轻应用实现的便携性，带动学生参与项目和实现项目。既学到新技术，也在项目开发中实现感性指导设计的方法论。因此基于轻应用平台和HTML5对于Web App游戏开发等课程的教学具有课程建设的先进性。

5 结语

HTML5和轻应用平台虽然在发展的过程中仍有很多的局限性，但是无疑是新web技术的爆发点，特别是在移动应用开发，同时两项新技术的结合也带个传统课程的教学一个新的突破点。

参考文献

[1] 管西京，张玲玲，陈强.移动Web开发实战[M].上海：上海交通大学出版社，2018.

[2] 陈承欢.HTML 5+CSS3[M].北京：人民邮电出版社，2016.

[3] 周义祥.基于HTML5的移动Web App开发及应用[J].电子技术与软件工程，2016（23）：66.

Exploration of Web APP Game Development Based on Light Application Platform and HTML5

CHEN Zhen-ying

（Anglo-Chinese College， Fuzhou Fujian  350018）

Abstract：This paper discusses the characteristics of HTML5 and its application in Web App games， analyses the combination of HTML5 and light application platform， the shortcomings of HTML5 and the limitations of light application platform， and studies the mode of curriculum reform in teaching.

Key words：HTML5; Light application; WebApp; Game development