慕客网源码征集赛三等奖-2048游戏

在慕客网上看到一个叫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="width: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

posted on 2014-08-17 18:18 bjtqti 阅读(542) 评论(0) 编辑收藏举报