侧边栏壁纸

神奇的JS——2048小游戏

2024年09月07日 294阅读 6评论 2点赞

  又找到一个有意思的源码,纯JS能做出这样的小游戏,属实是有点6,和上一篇的主题是一样的,废话不多说,直接上源码。

效果图片

2048(1)

2048(2)

演示

http://http://lgnb.asia/bbx/2048/1.html

源代码

index.html

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html lang="en">

<head>
    <!--网站LoGo显示-->
    <link rel="shortcut icon" href="http://lgzgzs.top/bbx/img/7.png" type="image/x-icon">
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta charset="utf-8">
    <title>2048</title>
    <meta name="viewport" content="width=device-width, target-densitydpi=160dpi, initial-scale=1.0, maximum-scale=1, user-scalable=no, minimal-ui">
    <link rel="stylesheet" href="1.css">
</head>

<body>
    <div class="container">
        <div class="heading">
            <h1 class="title">2048小游戏</h1>

            <div class="scores-container">
                <div class="score-container">
                    <div class="score-addition"></div>
                </div>
                <div class="best-container"></div>
            </div>
        </div>
        <div class="above-game">
            <a class="restart-button">新游戏</a>
        </div>
        <div class="game-container">
            <div class="game-message">
                <p>
                </p>
                <div class="lower">
                    <a class="keep-playing-button">继续前进</a>
                    <a class="retry-button">再试一次</a>
                    <div class="score-sharing"></div>
                </div>
            </div>
            <div class="grid-container">
                <div class="grid-row">
                    <div class="grid-cell">
                    </div>
                    <div class="grid-cell">
                    </div>
                    <div class="grid-cell">
                    </div>
                    <div class="grid-cell">
                    </div>
                </div>
                <div class="grid-row">
                    <div class="grid-cell">
                    </div>
                    <div class="grid-cell">
                    </div>
                    <div class="grid-cell">
                    </div>
                    <div class="grid-cell">
                    </div>
                </div>
                <div class="grid-row">
                    <div class="grid-cell">
                    </div>
                    <div class="grid-cell">
                    </div>
                    <div class="grid-cell">
                    </div>
                    <div class="grid-cell">
                    </div>
                </div>
                <div class="grid-row">
                    <div class="grid-cell">
                    </div>
                    <div class="grid-cell">
                    </div>
                    <div class="grid-cell">
                    </div>
                    <div class="grid-cell">
                    </div>
                </div>
            </div>
            <div class="tile-container"></div>
        </div>


        <p> LGZ提示: ⬅➡⬆⬇滑动屏幕移动</p>
        <script src="p.js"></script>

        <div style="text-align:center;">
            <p><a href="" title="" target="_blank"></a></p>
        </div>
</body>

</html>

剩下两个文件过大就放底下下载了,如下.

1.css

p.js

当然也可以用本工作室的CDN形式来加载,如下.

<link rel="stylesheet" href="http://lgz.lgnb.asia/bbx/2048/1.css">
<script src="http://lgz.lgnb.asia/bbx/2048/p.js"></script>

就是以上这些了,喜欢点个赞,拿走吱一声呦~

2
打赏

—— 评论区 ——

昵称
邮箱
网址
取消
  1. 头像
    hiwzycrpw
    Windows XP   Internet Explorer
    回复

    神奇的JS——2048小游戏 - LGZ - 海云博客
    [url=http://www.gu8oo86a08re7n9a28e82m31r8v4uj3hs.org/]uhiwzycrpw[/url]
    ahiwzycrpw
    hiwzycrpw http://www.gu8oo86a08re7n9a28e82m31r8v4uj3hs.org/

  2. 头像
    bxcglzizf
    Windows XP   Internet Explorer
    回复

    神奇的JS——2048小游戏 - LGZ - 海云博客
    [url=http://www.gy27ite1ggd0g3d08786k3f18f97aa9os.org/]ubxcglzizf[/url]
    bxcglzizf http://www.gy27ite1ggd0g3d08786k3f18f97aa9os.org/
    abxcglzizf

  3. 头像
    fjihiezte
    Windows XP   Internet Explorer
    回复

    神奇的JS——2048小游戏 - LGZ - 海云博客
    afjihiezte
    fjihiezte http://www.g258547fv08i297nrmznutajx5i2v769s.org/
    [url=http://www.g258547fv08i297nrmznutajx5i2v769s.org/]ufjihiezte[/url]

  4. 头像
    hfiarkyjqh
    Windows 10 x64 Edition   搜狗高速浏览器
    回复

    段落衔接自然,过渡流畅,读来一气呵成。

  5. 头像
    zcskjbctik
    Windows 10 x64 Edition   搜狗高速浏览器
    回复

    立意高远,以小见大,引发读者对社会/人性的深层共鸣。

  6. 头像
    xspubhoswu
    Windows 10 x64 Edition   搜狗高速浏览器
    回复

    多语种文献的引用彰显学术包容性。

人生倒计时
舔狗日记

海云博客公告

海云博客、云服务、API、霹雳霹雳、百宝箱、LGZ、影视、卡密网等由于特殊原因将于2025年3月-6月末暂时停更停维护



博客先这样吧,在搞子比很快就好了
欢迎!
一天只弹一次
朕已阅

Warning: Invalid argument supplied for foreach() in /www/wwwroot/mnbt.20739403/usr/plugins/Clogin/Plugin.php on line 158