html5的孔明锁游戏设计(附件)
本文主要研究孔明锁游戏的设计与实现。全文将覆盖孔明锁游戏的需求分析、游戏设计、游戏实现以及整个游戏的测试等各个阶段。首先，通过UML建立了该游戏的需求模型，分析了功能性需求，指出了可用性、性能以及非功能性需求等。其次，提出了游戏功能模块设计，包括孔明锁三维建模模块、孔明锁交互模块、系统设置模块。其中系统设置模块包括音乐音效、操作演示、游戏提示、游戏开始和结束等。采用JavaScript脚本语言定义三维数组来实现孔明锁的结构。基于WebGL第三方库Three.js实现三维模型的纹理贴图、光照、渲染等操作。采用CSS样式语言和jQuery库实现页面布局和显示样式。采用射线求交技术实现孔明锁块拾取、视图翻转、块平移。HTML5的video和 audio标签实现视频、动画交互。最后FireFox浏览器编译和实现系统。通过测试，该游戏具有良好的性能、易用性、可扩展性，基本满足预期要求。
目录
摘要 1
关键词 1
ABSTRACT. 1
KEY WORDS 1
引言 1
1 绪论 1
1．1 论文背景及意义 1
1．1．1 HTML5的发展现状 1
1．1．2 游戏背景 2
1．1．3 课题研究的意义 2
1．2 国内外研究现状 3
1．3 本文研究内容 3
1．4 论文组织结构 4
2 基础知识概述 4
2．1 相关技术 4
2．2 开发工具 5
3 需求分析 5
3．1 游戏需求概述 5
3．2 游戏功能性需求 5
3．3 游戏非功能性需求 7
4 游戏设计与实现 8
4．1 游戏界面设计 8
4．1．1 框架设计与实现 8
4．1．2 页面布局以及交互的设计与实现 8
4．2 游戏模块设计与实现 11
4．2．1 功能模块设计 11
4．2．2 三维建模模块实现 11
4．2．3 游戏交互模块实现 15
4．2．4 *好棒文|www.hbsrm.com +Q: ￥351916072￥
系统设置模块实现 18
5 系统测试 20
5．1 测试环境 20
5．2 功能测试 20
5．3 性能测试 21
6 总结与展望 21
致谢 21
参考文献 22
基于HTML5的孔明锁游戏设计
引言
引言： HTML5具有网页多媒体特性，有着视觉体验好、交互好等特点，对于用户来说更为友好。随着HTML5的规范制定完成，越来越多开发者投身到HTML5开发领域中。本文阐述了基于HTML5技术设计并实现一个三维孔明锁游戏的过程。在该游戏中，模拟真实的孔明锁以及拆卸孔明锁的操作，提供了一种虚拟化的学习环境和具有游戏趣味的学习方式。通过孔明锁的结构，逐渐增加解锁难度，增加游戏挑战性。玩家通过鼠标对孔明锁块的操作来逐步解锁，使玩家产生良好的游戏体验。
1 绪论
1．1 论文背景及意义
1．1．1 HTML5的发展现状
HTML5如今已不再陌生，很多人对它的理解就是网页看起来更酷更美。HTML5自有它自己适应的范围。从目前来看，浏览器对HTML5的支持不一，开发工具、第三方库缺乏，HTML5无法解决一切问题。但如果限定其使用范围，HTML5还是可以解决很多问题的。HTML5又是什么呢？它的技术优势又是在哪里？
HTML5作为一种网页前端标记语言，它是一套技术组合，HTML5包括HTML、CSS、WebGL以及JavaScript，它的目标是为了减少浏览器对插件的依赖，提供丰富的RIA（富客户端）应用。HTML5还包括了WebGL、SVG、CSS3、Touch事件，HTML5还可以用来显示动画。
对于用户来说，HTML5提高了用户体验，有更好的视觉感受。在移动端，HTML5能够让用户不下载客户端或者插件就能够看视频玩游戏，有着更简单，更好的用户体验。HTML5的视频音频技术解决了苹果和安卓4.0+对Flash的支持问题。并且，HTML5的性能也是要比Flash好很多。因为HTML5中的CSS3样式和它的WebGL技术，使得用户在网页中可以看到三维的图形，增强了网页的视觉效果。
对于开发者来说，HTML5的跨平台技术能够支持多终端。传统移动终端上的Native App，研发者的研发工作需要征对不同的操作系统，成本较高。对于用户来说Native App还存在存储和性能消耗的成本。HTML5开发的应用一次开发就能进入所有的浏览器进行分发。
HTML5能够持续交互。举个例子，一个原生应用上线Appstore,需要至少两周的App审核时间。如果你的应用出现重大漏洞，即便你修复了还要等两周才能更新，这两周的时间里或许你的产品就被用户嫌弃遗弃了。但是HTML5不存在这种问题，它可以实时更新，有问题可以立即响应。
HTML5规范里的许多特征已经出现在很多的游戏客户端里，其中最为显著、得到广泛运用的是canvas（画布）元素。该元素的视觉部分无需通过许多帮助就能够成功推广，在第一次动画交互和图形效果出现时已经收到广泛的应用。更多高级项目相继跟上，同时提供新的标准，以及大量宣传它的动态性和视觉性将为网页带来美好的未来。
1．1．2 游戏背景
集策略、益智、操作于一身的游戏已经形成潮流，其在手机应用中占有的份额也越来越大。因此，我希望能够顺应潮流，希望能设计一个大家所喜爱的游戏。而现在受大众喜欢的游戏大多都是操作简单，只需要通过滑动手指头。人们都喜欢玩有策略的游戏。并且现在的玩家也喜欢不断地挑战自己，不惜花钱通关，在游戏中找到自己的自信。游戏也随着进度而不断地增加难度，增加收入。
小时候玩过几次孔明锁这款玩具，一直给我留下了很深刻的印象。不过貌似孔明锁一直比较冷门，知道的人并不多，所以我也想趁这次机会把这款有趣的玩具介绍给更多人。
孔明锁曾经在汉朝很流行。是我国古代汉族传统的土木建筑固定结合器。孔明锁不需要钉子或者绳子，它只靠自己特有的结构支撑，就像古代的房子，不需要钉子，通过木头之间的衔接支撑起整座房子。孔明锁的结构看起来简单，但是实际上其中包含着很大的智慧。
目录
摘要 1
关键词 1
ABSTRACT. 1
KEY WORDS 1
引言 1
1 绪论 1
1．1 论文背景及意义 1
1．1．1 HTML5的发展现状 1
1．1．2 游戏背景 2
1．1．3 课题研究的意义 2
1．2 国内外研究现状 3
1．3 本文研究内容 3
1．4 论文组织结构 4
2 基础知识概述 4
2．1 相关技术 4
2．2 开发工具 5
3 需求分析 5
3．1 游戏需求概述 5
3．2 游戏功能性需求 5
3．3 游戏非功能性需求 7
4 游戏设计与实现 8
4．1 游戏界面设计 8
4．1．1 框架设计与实现 8
4．1．2 页面布局以及交互的设计与实现 8
4．2 游戏模块设计与实现 11
4．2．1 功能模块设计 11
4．2．2 三维建模模块实现 11
4．2．3 游戏交互模块实现 15
4．2．4 *好棒文|www.hbsrm.com +Q: ￥351916072￥
系统设置模块实现 18
5 系统测试 20
5．1 测试环境 20
5．2 功能测试 20
5．3 性能测试 21
6 总结与展望 21
致谢 21
参考文献 22
基于HTML5的孔明锁游戏设计
引言
引言： HTML5具有网页多媒体特性，有着视觉体验好、交互好等特点，对于用户来说更为友好。随着HTML5的规范制定完成，越来越多开发者投身到HTML5开发领域中。本文阐述了基于HTML5技术设计并实现一个三维孔明锁游戏的过程。在该游戏中，模拟真实的孔明锁以及拆卸孔明锁的操作，提供了一种虚拟化的学习环境和具有游戏趣味的学习方式。通过孔明锁的结构，逐渐增加解锁难度，增加游戏挑战性。玩家通过鼠标对孔明锁块的操作来逐步解锁，使玩家产生良好的游戏体验。
1 绪论
1．1 论文背景及意义
1．1．1 HTML5的发展现状
HTML5如今已不再陌生，很多人对它的理解就是网页看起来更酷更美。HTML5自有它自己适应的范围。从目前来看，浏览器对HTML5的支持不一，开发工具、第三方库缺乏，HTML5无法解决一切问题。但如果限定其使用范围，HTML5还是可以解决很多问题的。HTML5又是什么呢？它的技术优势又是在哪里？
HTML5作为一种网页前端标记语言，它是一套技术组合，HTML5包括HTML、CSS、WebGL以及JavaScript，它的目标是为了减少浏览器对插件的依赖，提供丰富的RIA（富客户端）应用。HTML5还包括了WebGL、SVG、CSS3、Touch事件，HTML5还可以用来显示动画。
对于用户来说，HTML5提高了用户体验，有更好的视觉感受。在移动端，HTML5能够让用户不下载客户端或者插件就能够看视频玩游戏，有着更简单，更好的用户体验。HTML5的视频音频技术解决了苹果和安卓4.0+对Flash的支持问题。并且，HTML5的性能也是要比Flash好很多。因为HTML5中的CSS3样式和它的WebGL技术，使得用户在网页中可以看到三维的图形，增强了网页的视觉效果。
对于开发者来说，HTML5的跨平台技术能够支持多终端。传统移动终端上的Native App，研发者的研发工作需要征对不同的操作系统，成本较高。对于用户来说Native App还存在存储和性能消耗的成本。HTML5开发的应用一次开发就能进入所有的浏览器进行分发。
HTML5能够持续交互。举个例子，一个原生应用上线Appstore,需要至少两周的App审核时间。如果你的应用出现重大漏洞，即便你修复了还要等两周才能更新，这两周的时间里或许你的产品就被用户嫌弃遗弃了。但是HTML5不存在这种问题，它可以实时更新，有问题可以立即响应。
HTML5规范里的许多特征已经出现在很多的游戏客户端里，其中最为显著、得到广泛运用的是canvas（画布）元素。该元素的视觉部分无需通过许多帮助就能够成功推广，在第一次动画交互和图形效果出现时已经收到广泛的应用。更多高级项目相继跟上，同时提供新的标准，以及大量宣传它的动态性和视觉性将为网页带来美好的未来。
1．1．2 游戏背景
集策略、益智、操作于一身的游戏已经形成潮流，其在手机应用中占有的份额也越来越大。因此，我希望能够顺应潮流，希望能设计一个大家所喜爱的游戏。而现在受大众喜欢的游戏大多都是操作简单，只需要通过滑动手指头。人们都喜欢玩有策略的游戏。并且现在的玩家也喜欢不断地挑战自己，不惜花钱通关，在游戏中找到自己的自信。游戏也随着进度而不断地增加难度，增加收入。
小时候玩过几次孔明锁这款玩具，一直给我留下了很深刻的印象。不过貌似孔明锁一直比较冷门，知道的人并不多，所以我也想趁这次机会把这款有趣的玩具介绍给更多人。
孔明锁曾经在汉朝很流行。是我国古代汉族传统的土木建筑固定结合器。孔明锁不需要钉子或者绳子，它只靠自己特有的结构支撑，就像古代的房子，不需要钉子，通过木头之间的衔接支撑起整座房子。孔明锁的结构看起来简单，但是实际上其中包含着很大的智慧。
版权保护: 本文由 hbsrm.com编辑，转载请保留链接: www.hbsrm.com/jsj/wljs/468.html
