• 慕客网源码征集赛三等奖-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="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

  • 相关阅读:
    RSA解密时BadPaddingException解决方法
    CAP定理的理解
    服务降级、熔断、隔离
    javascript原型 原型链
    Redis基础数据类型及应用场景
    log4j
    个人免签支付
    Spring Security Oauth2 认证
    elementUI的栅格布局
    用 Vue+ElementUI 搭建后台管理极简模板
  • 原文地址:https://www.cnblogs.com/afrog/p/3918064.html
Copyright © 2020-2023  润新知