在慕客网上看到一个叫2048的游戏,作者讲的不错。听听很激动,看着很多网友留言,遇到各种问题,于是打算自己写一遍。试玩了一遍别人写好的2048.感觉逻辑还算容易理解。一种写下来,还是遇到了不少问题,但是冷静的想想,很快就找出问题,并解决了。最后,终于完成了自己的2048私人定制版。
下面是最终成果:

写完之后,其实代码一点都不难,会用jquery就可以了。
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<title>2048 私人定制</title>
<link rel="stylesheet" type="text/css" href="2048.css" />
<script type="text/javascript" src="http://libs.baidu.com/jquery/1.9.0/jquery.min.js"></script>
<script type="text/javascript" src="support2048.js"></script>
<script type="text/javascript" src="showanimation2048.js"></script>
<script type="text/javascript" src="main2048.js"></script>
</head>
<body>
<header>
<h1>2048 升官版</h1>
<a href="javascript:newgame();" id="newgamebutton">New Game</a>
<p>贡献值 : <span id="score">0</span></p>
</header>
<div id="grid-container"></div>
<div style="500px;margin:10px auto;text-align:center;">请使用键盘上的上、下、左、右的按键进行游戏。</div>
</body>
</html>
主要用javascript和css来实现。其实写起来一点也不难,有兴趣尝试的朋友不妨去我的git上down下来看看。挑战一下自己,是否能写的更好呢?
https://github.com/bjtqti/xxt/tree/master/2048
我在慕客网上的ID:frog
参赛网页:http://www.imooc.com/wenda/detail/25325