HTML5 Canvas下交互式图形模式的设计与实现

发布时间：2022-02-20 20:26

　　伴随手机、平板等智能设备处理能力的增强和使用普及度的提高,人与智能设备之间产生了更强的依赖关系。传统Web应用中为满足导航与浏览需要而引入的以“点和击”为主的交互范型已经不能满足当今应用的丰富交互需求。因此,HTML5特别是为移动计算,在用户与表示应用数据对象的图形之间引入了直接操作的交互方式,使用户通过与图形的直接交互完成对应用数据对象的操作,这不仅便于用户的理解,更给用户带来了更加直观的体验。然而,众所周知,这种在应用主窗口内部开发可直接操作的交互式图形的工作是一个难点。以往人们把更多的精力放在了用户界面的布局研究上,提出了构件库和用户界面模式等帮助开发。而对于主窗口内部交互式图形的开发,虽然引入了面向对象图形库的概念,但对交互式图形的开发依然需要开发人员在低级抽象层次上进行。这就造成了如下问题:首先,在低级绘图原语上进行操作,加大了学习难度与开发难度;其次,开发人员需要编写大量代码,使开发周期变长、开发效率降低。针对上述问题,并结合对用户界面的大量研究,本文将用户界面模式这种解决问题的方法引入到应用主窗口内交互式图形的开发中,希望通过使用交互式图形模式能够有效解决交互式图形开发中... 

【文章来源】：西北大学陕西省211工程院校

【文章页数】：68 页

【学位级别】：硕士

【文章目录】：
摘要
ABSTRACT
第一章 绪论
    1.1 研究背景与意义
    1.2 国内外研究现状
        1.2.1 模式及其应用现状
        1.2.2 交互式图形开发现状
        1.2.3 HTML5 Canvas的图形开发工具现状
    1.3 论文的主要工作
    1.4 论文的组织结构
第二章 相关工作
    2.1 模式及用户界面模式研究
        2.1.1 模式的概念及发展
        2.1.2 用户界面模式的定义及特征
        2.1.3 用户界面模式的构建及使用
    2.2 交互式图形研究
        2.2.1 交互式图形的概念及构成
        2.2.2 交互式图形的特征
    2.3 HTML5 Canvas开发交互式图形
    2.4 本章小结
第三章 交互式图形模式设计
    3.1 交互式图形模式的定义
    3.2 交互式图形模式的特征及结构
        3.2.1 交互式图形中模式的需求
        3.2.2 交互式图形模式的基本特征
        3.2.3 交互式图形模式的分类结构
    3.3 交互式图形模式的属性设计
        3.3.1 模式的描述属性
        3.3.2 交互式图形模式的描述属性
    3.4 交互式图形模式的应用及优势
        3.4.1 交互式图形模式的应用
        3.4.2 交互式图形模式的优势
    3.5 交互式图形模式实例
        3.5.1 信息导航模式实例说明
        3.5.2 信息导航模式的具体描述
    3.6 本章小结
第四章 交互式图形模式标记语言
    4.1 XML描述IGPML的语言基础
        4.1.1 XML语法结构
        4.1.2 XML解析机制
    4.2 IGPML设计原则与目标
    4.3 IGPML的定义
        4.3.1 IGPML语法定义
        4.3.2 IGPML词汇表
    4.4 IGPML的元素介绍
">        4.4.1 IGPML中的

">        4.4.2 IGPML中的

">        4.4.3 IGPML中的

">        4.4.4 IGPML中的

    4.5 IGPML解析引擎设计
        4.5.1 IGPML解析器
        4.5.2 IGPML描述的模式解析流程
    4.6 本章小结
第五章 实例创建与分析
    5.1 “数字魔法消除”游戏描述
        5.1.1 “数字魔法消除”游戏界面设计
        5.1.2 “数字魔法消除”游戏规则设计
        5.1.3 “数字魔法消除”游戏流程图
    5.2 “数字魔法消除”游戏的结构及运行控制
        5.2.1 游戏的框架结构
        5.2.2 游戏的运行时系统控制
    5.3 游戏中交互式图形模式的应用
    5.4 评估
        5.4.1 评估准则
        5.4.2 结果分析
    5.5 本章小结
总结与展望
    工作总结
    工作展望
参考文献
攻读硕士学位期间取得的学术成果
致谢


【参考文献】：
期刊论文
[1]基于范畴论的用户界面模式语言[J]. 贾伟,华庆一,张敏军,陈锐,姬翔.  计算机辅助设计与图形学学报. 2017(01)
[2]基于隐喻的移动设备图形用户界面设计[J]. 高云,尚利,彭易欢.  机械. 2016(02)
[3]一种可扩展的用户界面描述语言[J]. 杜一,邓昌智,田丰,任磊,戴国忠.  软件学报. 2013(05)
[4]XML解析技术研究[J]. 冯进,丁博,史殿习,张瞩熹,许凯.  计算机工程与科学. 2009(02)
[5]高性能的XML解析器OnceXMLParser[J]. 金蓓弘,曹冬磊,任鑫,余双,戴蓓洁.  软件学报. 2008(10)
[6]基于XML的用户界面描述语言分析[J]. 吴根祥.  计算机系统应用. 2004(12)

硕士论文
[1]一种扩展HTML5 Canvas的交互式图形标记语言的研究及实现[D]. 董美荣.西北大学 2018
[2]基于移动平台的交互式图形工具箱的研究与实现[D]. 王立婷.西北大学 2016
[3]基于Sax的XML解析工具的设计与实现[D]. 陈君.中国科学院大学(工程管理与信息技术学院) 2015
[4]一种面向界面模式的用户界面生成技术研究[D]. 刘强波.西北大学 2014
[5]基于HTML5和Kinect的体感交互游戏关键技术研究[D]. 赵磊.北京邮电大学 2014



本文编号：3635755