HTML5新技术的应用设计与实现技巧

HTML5新技术的应用设计与实现技巧

论文摘要

HTML5是最新一代的HTML规范,在支持HTML5的浏览器上可以不使用插件时实现许多实用且强大的功能。文中利用HTML5的Canvas(画布)、WebSocket(实时通信)、Audio(音频)技术及(javascript) JQuery库编程方法,设计并实现一个基于Web的中英文打字游戏软件。该软件具有用户设置难易度、分数等级、音乐开关、中文/英文单词或文本选择、动态游戏场景选项、历史数据存储与成绩查询等功能,同时利用HTML5的若干新技术和新特性如Canvas绘图API、轻量型动画引擎、localStorage(本地存储)结合CSS和JQuery库的技巧性设计,实现了控制页面的锚定布局和动画特效。用JavaScript实现游戏算法,Access创建数据库储存单词,解决了一般打字游戏中的文本单词选择性差等问题。简洁有趣的字符飞行、消失等动画界面,软件功能实用、界面友好、操作简便,支持多种浏览器运行环境。

论文目录

  • 0 引 言
  • 1 主要功能实现技术及关键代码分析
  •   1.1 CSS与界面设计
  •   1.2 Ajax与随机单词生成
  •   1.3 JQuery库与字符判断
  •   1.4 localStorage与模式设置
  • 2 游戏中的数据库设计
  •   2.1 单词表设计
  •   2.2 数据库连接
  •   2.3 Ajax与服务器交互
  • 3 结束语
  • 文章来源

    类型: 期刊论文

    作者: 姜照昶,苏宇,丁凯孟

    关键词: 绘图画布,本地存储

    来源: 计算机技术与发展 2019年12期

    年度: 2019

    分类: 信息科技

    专业: 互联网技术

    单位: 中国电子科技集团第五十四研究所,中国科学院地理科学与资源研究所资源与环境信息系统国家重点实验室

    基金: 国家自然科学基金(61375121,41801303),高层次引进人才科研项目(jit-rcyj-201505,jit-b-201520),江苏高校省级自然科学研究重大项目(17KJA520001,18KJA520003),资源与环境信息系统国家重点实验室开放基金

    分类号: TP393.092

    页码: 167-172

    总页数: 6

    文件大小: 657K

    下载量: 493

    相关论文文献

    标签:;  ;  

    HTML5新技术的应用设计与实现技巧
    下载Doc文档

    猜你喜欢