jQuery编写网页版2048小游戏

jQuery编写网页版2048小游戏

ID:47283539

大小:88.63 KB

页数:7页

时间:2019-08-23

jQuery编写网页版2048小游戏_第1页
jQuery编写网页版2048小游戏_第2页
jQuery编写网页版2048小游戏_第3页
jQuery编写网页版2048小游戏_第4页
jQuery编写网页版2048小游戏_第5页
资源描述:

《jQuery编写网页版2048小游戏》由会员上传分享,免费在线阅读,更多相关内容在工程资料-天天文库

1、jQuery编写网页版2048小游戏本文主要分享了jQuery编写网页版2048小游戏的示例代码,具有一定的参考价值,下面跟着小编一起来看下吧大致介绍看了一个实现网页版2048小游戏的视频,觉得能做出自己以前喜欢玩的小游戏很有意思便自己动手试了试,真正的验证了这句话■不要以为你以为的就是你以为的,看视频时觉得看懂了,会写了,但是自己实现起來会遇到各种问题。比如,在最后判断游戏是否结束的时候,我写的语句语法是对的,但就是不执行。最后通过对视频源码的分析对比,发现原作者写的一个setTimeout定时器有额外的意思,本来我以为它就是简单

2、的一个延时动画,其实他是在等待另外一个函数执行完毕。o最后还是很高兴能写出来,也改进了一些源代码的不足。这篇傅客并不是详细的讲解,只是大致介绍函数的作用,其中实现的细节注释中有解释,网上的这个源码有点乱,如果想看比较整齐的源码或者视频的可以QQ联系我(免费)(找共同学习的伙伴)思路这个小游戏可以抽象化分为3层(我觉得这样能更好理解)♦最底下的一层是基本的样式(可见的)♦中间的层是最主要的,是一个4x4的二维数组,游戏中我们都是对这个二维数组进行操作(不可见的)♦最上面的一层也是一个4x4的二维数组,它只是根据第二层数组的每个数显示样

3、式(可见的)我们通过最底下的一层显示最基本的16个小方格,通过键盘的按键或者手指在屏幕的滑动来操作中I'可层的数组,最后在通过最上面的一层显示出数字基本结构与样式基木的结构和样式都挺简单,直接看代码结构:2048开始新的游戏v/a>vp>分数:vspanid=,,score,,>0

4、d=,,cell-O-O,,x/div>

5、

6、elluid=l,cell-3-3llx/div>样式:*{margin:0;padding:0;}#test2048{font-family:Arial;margin:0auto;text-align:center;}#header{margin:20px;}#headera{font-family:Arial;text-decoration:none;display:block;color:white;margin:20pxauto;width:125px;height:35px;text-align:c

7、enter;line-height:40px;background-color:#8f7a66;border-radius:lOpx;font-size:15px;}#headerp{font-family:Arial;font-size:20px;}#container{width:460px;height:460px;background-color:#bbada0;margin:0auto;border-radius:lOpx;position:relative;padding:20px;}.cell{width:lOOpx;

8、height:lOOpx;border-radius:6px;background-color:#ccc0b3;position:absolute;}从CSS样式可以看出,我们并没有对每个格子的位置进行设置,因为如果用CSS给每个格子

当前文档最多预览五页,下载文档查看全文

此文档下载收益归作者所有

当前文档最多预览五页,下载文档查看全文
温馨提示:
1. 部分包含数学公式或PPT动画的文件,查看预览时可能会显示错乱或异常,文件下载后无此问题,请放心下载。
2. 本文档由用户上传,版权归属用户,天天文库负责整理代发布。如果您对本文档版权有争议请及时联系客服。
3. 下载前请仔细阅读文档内容,确认文档内容符合您的需求后进行下载,若出现内容与标题不符可向本站投诉处理。
4. 下载文档时可能由于网络波动等原因无法下载或下载错误,付费完成后未能成功下载的用户请联系客服处理。