摘要:本文主要研究JavaScript语言的应用,并使用JavaScript 语言结合CSS技术,在网页上实现了有趣的2048游戏。在本程序应用的是HTML和JavaScript语言技术以及CSS技术相结合所构成的基本代码编写的网页游戏。本文从游戏设计的角度,需求分析和设计,任务描述和设计要求,游戏的整体设计等方面进行了系统的分析和描述。37332
关键词:JavaScript、CSS、算法、事件驱动
Abstract :This paper studies the application of JavaScript language, and use the JavaScript language with CSS technology is implemented on the Web 2048.In this paper, the application of HTML technology and Javascript language and CSS technology combine to constitute the basic code of web games, from the aspects of game design, demand analysis and design, task description and design requirements, the overall design of the game are analyzed and the description of the system。
Key words: JavaScript ,CSS,Design,Algorithms
摘要 4
Abstract 4
1绪论 4
1.1研究背景 4
1.2 2048游戏介绍 5
1.3 主要内容、研究方法和思路 5
1.3.1游戏设计重点 6
1.3.2游戏设计思路 6
2 相关技术 7
2.1 JavaScript 7
2.2 Dreamweaver 8
3 详细设计 9
3.1游戏操作需求 9
3.2 2048游戏设计思想 10
3.3设计环境 10
3.4 游戏运行流程图 11
3.4 功能说明 12
4 游戏界面 12
4.1游戏开始界面 12
4.2游戏结束界面 12
5 课程设计总结 12
参考文献: 13
致谢 14
基于Javascript的2048游戏设计与实现
1绪论
1.1研究背景
随着现代社会科学技术的发展,计算机已经越来越普及,现代社会已经入了网络时代,网络对人们的生活越来越重要,人们可以通过利用计算机来完成自己一些重要的工作,例如在网络上可以实现网上学习,网络购物,电子商务等一系列活动,网络已经让生活变得更加快捷,更加方便,因此网页在人们的生活中的应用日益重要。加之人们业余生活的不断丰富,计算机游戏逐渐成为人们娱乐生活中不可或缺的一部分,它能够在人们繁重的生活工作之余,缓解压力愉悦心情。
1.2 2048游戏介绍
2048这款游戏是2014年 Gabriele Cirulli利用业余时间来编写一个游戏程序,开始只是单纯的为了好玩。他想用一个不同的视觉效果和更快的动画创建自己的游戏。
2048的游戏灵感来自一款名叫Thress的小游戏,AsherVollmer和GregWohlwend是Threes的开发者,他们为了开发Threes花了很多的时间和精力。在2048的制作过程中,Gabriele Cirulli把项目托管到Github上去,并且通过Github完成项目。这个游戏完成之后,Gabriele Cirulli将它通过GithubPages发布,并发表在DesignerNews上。此游戏一经发布便在年轻人之间风靡起来,受到全世界年轻人的喜爱。
2048这款游戏的游戏主界面中有16个格子,游戏开始时会随机在两个格子上出现2或者4这两个数字,玩家每次可以其中一个进行上下左右这四个方向中的其中一个去滑动,玩家每滑动一次,界面里所有的数字方块都会往滑动的方向靠滑去,同时系统也会在空白的地方随机出现一个2或者4的数字方块,相同数字的方块撞到一起时他们的数字会自动相加。
2048游戏规则很简单,只要玩家每次选择上下左右四个方向中其中一个方向去滑动,不断的进行叠加最终得到2048这个数字就算成功。简单的就是不要随意滑动,把右下角的数量较大划。以此类推,小数不断叠加得到更大的数。这样重复多次,数越加越大,较大的数要依次按向右递增的规律,由玩家自己思想的进行一个基本的判断,达到预期的效果其实并不难。