[1]姜照昶,苏 宇,丁凯孟.HTML5 新技术的应用设计与实现技巧[J].计算机技术与发展,2019,29(12):167-172.[doi:10. 3969 / j. issn. 1673-629X. 2019. 12. 030]
　JIANG Zhao-chang,SU Yu,DING Kai-meng.Design Techniques and Applied Implementation with HTML5[J].,2019,29(12):167-172.[doi:10. 3969 / j. issn. 1673-629X. 2019. 12. 030]
点击复制

HTML5 新技术的应用设计与实现技巧()
分享到：

《计算机技术与发展》[ISSN:1006-6977/CN:61-1281/TN]

卷:
29
期数:
2019年12期
页码:
167-172
栏目:
应用开发研究
出版日期:
2019-12-10

文章信息/Info

Title:
Design Techniques and Applied Implementation with HTML5
文章编号:
1673-629X(2019)12-0167-06
作者:
姜照昶1 ; 苏 宇1 ; 丁凯孟2
1. 中国电子科技集团 第五十四研究所,河北 石家庄 050081; 2. 中国科学院地理科学与资源研究所 资源与环境信息系统国家重点实验室,北京 100101
Author(s):
JIANG Zhao-chang 1 ; SU Yu 1 ; DING Kai-meng 2
1. The 54th Research Institute,China Electronic Technology Group Corporation,Shijiazhuang 050081,China; 2. State Key Laboratory of Resource &Environment Information System,Institute of Geographic Sciences and Natural Resources Research,CAS,Beijing 100101,
关键词:
HTML5; 绘图画布; 本地存储; Ajax
Keywords:
HTML5; canvas drawing; local storage; Ajax
分类号:
TP399
DOI:
10. 3969 / j. issn. 1673-629X. 2019. 12. 030
摘要:
HTML5 是最新一代的 HTML 规范,在支持 HTML5 的浏览器上可以不使用插件时实现许多实用且强大的功能。 文中利用 HTML5 的 Canvas(画布)、WebSocket(实时通信)、Audio(音频)技术及(javascript) JQuery 库编程方法,设计并实现一个基于 Web 的中英文打字游戏软件。 该软件具有用户设置难易度、分数等级、音乐开关、中文/ 英文单词或文本选择、动态游戏场景选项、历史数据存储与成绩查询等功能,同时利用 HTML5 的若干新技术和新特性如 Canvas 绘图 API、轻量型动画引擎、localStorage(本地存储) 结合 CSS 和 JQuery 库的技巧性设计,实现了控制页面的锚定布局和动画特效。 用JavaScript 实现游戏算法,Access 创建数据库储存单词,解决了一般打字游戏中的文本单词选择性差等问题。 简洁有趣的字符飞行、消失等动画界面,软件功能实用、界面友好、操作简便,支持多种浏览器运行环境。
Abstract:
HTML5 is the latest generation of the HTML specification in which browsers can implement many practical and powerful functions without plug-ins. In this project a Web-based typing game system is designed by using the HTML5 techniques,including Canvas (canvas),WebSocket (real-time communication),Audio (audio processing) and (javascript) JQuery library programming. It has some functions,such as difficulty setting,score level,the music switches,words or text selection,a variety of dynamic gaming scene design,historical data storage and query results,concise interesting characters flying,etc. In design process,we combine CSS with Canvas API,localStorage (local storage) and JQuery library to control page layout and special effects. Additionally,we use JavaScript to realize the game algorithm,Access to create a database to store words,and solve the poor selectivity of text words in general typing game.With simple and interesting animation interface of character flight and disappearing, the software has practical functions,friendly interface,easy operation and supports a variety of browser operating environment.

相似文献/References:

[1]王明超 陈榕.基于脚本的客户端软件结构化存储技术研究[J].计算机技术与发展,2010,(02):25.
　WANG Ming-chao,CHEN Rong.Local Structural Storage on Software Based Description Technology[J].,2010,(12):25.
[2]刘华星 杨庚.HTML5——下一代Web开发标准研究[J].计算机技术与发展,2011,(08):54.
　LIU Hua-xing,YANG Geng.HTML5-Next Generation Web Development Standard Research[J].,2011,(12):54.
[3]姜凤燕 段会川.HTML5新输入类型及其对RIA界面效率支持研究[J].计算机技术与发展,2012,(05):137.
　JIANG Feng-yan,DUAN Hui-chuan.Research of New Input Types in HTML5 and Their Support for Efficiency of RIA Interfaces[J].,2012,(12):137.
[4]黄永慧,陈程凯.HTML5在移动应用开发上的应用前景[J].计算机技术与发展,2013,(07):207.
　HUANG Yong-hui,CHEN Cheng-kai.Application Prospect of HTML5 on Mobile Application Development[J].,2013,(12):207.
[5]平淑文,潘珏羽,张学金,等.基于HTML5和JavaScript轻量型动画框架开发[J].计算机技术与发展,2013,(12):5.
　PING Shu-wen,PAN Jue-yu,ZHANG Xue-jin,et al.Development of a Lightweight Animation Engine Based on HTML5 and JavaScript[J].,2013,(12):5.
[6]卞敏捷[],高珏[],高洪皓[],等. Web3 D可视化技术的研究与应用[J].计算机技术与发展,2015,25(06):141.
　BIAN Min-jie[],GAO Jue[],GAO Hong-hao[],et al. Research and Application of Web3 D Visualization Technology[J].,2015,25(12):141.
[7]周晓梅[],朱金付[],段洪秀[]. LeanCloud在图片管理系统中的应用研究[J].计算机技术与发展,2016,26(07):138.
　ZHOU Xiao-mei[],ZHU Jin-fu[],DUAN Hong-xiu[]. Application Study of LeanClound in Picture Management System[J].,2016,26(12):138.
[8]梁 弼,肖丽利,刘在欢.基于 HCJB 的旅游景点一体化平台自适应页面设计[J].计算机技术与发展,2019,29(10):100.[doi:10. 3969 / j. issn. 1673-629X. 2019. 10. 021]
　LIANG Bi,XIAO Li-li,LIU Zai-huan.Adaptive Page Design of Integrated Platform for Tourist Spots Based on HCJB[J].,2019,29(12):100.[doi:10. 3969 / j. issn. 1673-629X. 2019. 10. 021]
[9]刘立峰,李尔康,孙摇 阳,等.基于直线三维模型剖切方法的研究与实践[J].计算机技术与发展,2021,31(增刊):155.[doi:10. 3969 / j. issn. 1673-629X. 2021. S. 031]
　LIU Li-feng,LI Er-kang,SUN Yang,et al.Research and Practice of Cutting Method Based on Straight Line 3D Model[J].,2021,31(12):155.[doi:10. 3969 / j. issn. 1673-629X. 2021. S. 031]

更新日期/Last Update: 2019-12-10