Fork me on GitHub
随笔 - 87  文章 - 0  评论 - 308  阅读 - 42万

慕客网源码征集赛三等奖-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   bjtqti  阅读(545)  评论(0编辑  收藏  举报
编辑推荐:
· go语言实现终端里的倒计时
· 如何编写易于单元测试的代码
· 10年+ .NET Coder 心语,封装的思维:从隐藏、稳定开始理解其本质意义
· .NET Core 中如何实现缓存的预热?
· 从 HTTP 原因短语缺失研究 HTTP/2 和 HTTP/3 的设计差异
阅读排行:
· 周边上新:园子的第一款马克杯温暖上架
· Open-Sora 2.0 重磅开源!
· 分享 3 个 .NET 开源的文件压缩处理库,助力快速实现文件压缩解压功能!
· Ollama——大语言模型本地部署的极速利器
· DeepSeek如何颠覆传统软件测试?测试工程师会被淘汰吗?
< 2025年3月 >
23 24 25 26 27 28 1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 29
30 31 1 2 3 4 5

点击右上角即可分享
微信分享提示