【毕业设计/课程设计】基于H5+JS的象棋游戏设计与实现（源码+文章）

开发工具

Dreamweaver等HTML开发工具均可 

技术简介

系统采用HTML5+JavaScript+CSS3开发。

摘要

        随着社会经济快速发展，人们的生活水平不断提高，生活质量也在渐渐的改善。电子游戏的出现代表了一种全新娱乐方式的诞生。目前，电子游戏正以其独特的魅力吸引着众多的玩家。随着游戏产业的蓬勃发展，越来越多的人加入到了游戏开发的行业。游戏开发涵盖了程序设计、文学、历史、音乐及美术等诸多方面的内容，除去市场价值的意义，电子游戏的发展的必要性还在于对我国文化产业的发展的重要性，游戏作为一种特殊的创意文化产品形态，是文化产业链中不可缺少的一环。适当的娱乐游戏对人们的业余生活是不可必缺的。大冒险、猜歌名、拼图游戏等等，这些游戏给人们的业余生活添加了很多乐趣。
        本文设计的象棋游戏采用的是HTML5和CSS3技术相互结合的方式，本文首先介绍了系统研究的背景和国内外的研究现状；然后介绍了系统开发中用到的相关技术，包括CSS3技术、Html5技术等内容；紧接着就是对系统需求分析与设计；最后就是系统的设计与实现。本文设计的基于html5网页象棋主要功能模块包括开始游戏、难度选择、悔棋、退出游戏等。通过对系统核心功能模块的测试，其测试结果运行良好，所有功能都可以实现，具有广阔的应用前景和发展空间，是一款大众化的游戏平台。

关键词：HTML5；象棋游戏；CSS3技术

文章目录

1 绪论

1.1 课题研究背景

1.2 国内外研究现状

1.3 关于HTML背景

1.4 论文的主要研究内容

2 关键技术研究

2.1 HTML5技术

2.2 前端开发中的整体架构

2.3 CSS3技术

3 系统需求分析与设计

3.1 总体设计

3.2 系统可行性分析

3.3 html5/css3响应式框架布局分析

3.4 html5/css3响应式页面的设计流程

3.5 游戏设计原则

4 详细设计实现

4.1 页面重构

4.2 棋盘设计

4.2.1 棋盘

4.2.2 棋子

4.3 游戏控制设计

4.3.1 走棋

4.3.2 击杀

4.3.3 走位设计

4.4 游戏功能模块实现

5 系统测试

5.1 软件测试简介

5.2 测试方法

5.3 测试步骤

5.4 游戏测试

5.5 测试结果分析

5.6 本章小结

6 总结

致 谢

参 考 文 献

功能结构图

 

系统截图