HTML js实现类似于侠盗飞车的作弊码通过按键组合在网页中埋一个彩蛋

最新推荐文章于 2022-11-21 15:15:22 发布

神也看不懂

最新推荐文章于 2022-11-21 15:15:22 发布

阅读量631

点赞数

分类专栏： HTML JavaScript 文章标签： HTML JS 彩蛋

本文链接：https://blog.csdn.net/NaXieNianDeii/article/details/102522790

版权

JavaScript 同时被 2 个专栏收录

5 篇文章 0 订阅

订阅专栏

HTML

4 篇文章 0 订阅

订阅专栏

所需要使用的插件Mick
下载地址：https://github.com/MasterYexl/Mick

let cheatMike = new Mick(12, "", "[0,12]cheatMod", "[0,12]1000");//首先定义一个连击管理
let cheats = ["↑", "↑", "↓", "↓", "←", "→", "←", "→", "b", "a", "b", "a"];//定义作弊码/彩蛋触发所需要的按键
let swc = 0;//这里表示是否激活了作弊/彩蛋
function cheatMod() {
    if (swc === 1) return;//激活了作弊就不用在判断了！
    let a = getKey();//获取按键值
    let nub = cheatMike.getTimes() - 1;//获取连击等级
    if (cheats[nub] === a) {//对照表cheats判断输入是否相等
        if (nub === 11) {//按下最后一个键时激活作弊模式
            swc = 1;//打开开关
            mike.changeIntervalTime("[0,36]1000");//写入激活后需要进行哪些改变
            document.getElementById("lnrMod").style.display = "block";//显示作弊信息
        }
    } else cheatMike.endImmediately();//与表不符合，立即结束连击
}

这样就可以在网页上埋一个彩蛋了，如果是游戏的话就是作弊码（手动滑稽）

完整代码

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>作弊模式</title>
    <style>
        html, body {
            height: 100%;
            width: 100%;
            margin: 0;
            background-color: #181a1b;
            color: aliceblue;
        }

        .nom {
            font-size: 50px;
            transition-duration: 100ms;
        }
    </style>
</head>
<body>
<div style="position: absolute;left: 50%;top: 50%;transform: translateY(-100%) translateX(-50%)">
    <h1 id="title" style="text-align: center">第1关</h1>
    <h2 id="lnrMod" style="display: none; color: #ec971f;text-align: center">(老年人模式)</h2>
    <div id="game-pane"></div>
</div>
<script src="../JS/mick.js"></script>
<script>
    //作弊模式
    let cheatMike = new Mick(12, "", "[0,12]cheatMod", "[0,12]1000");
    let cheats = ["↑", "↑", "↓", "↓", "←", "→", "←", "→", "b", "a", "b", "a"];
    let swc = 0;

    function cheatMod() {
        if (swc === 1) return;
        let a = getKey();//获取按键值
        let nub = cheatMike.getTimes() - 1;//获取连击等级
        if (cheats[nub] === a) {//对照表cheats
            if (nub === 11) {//按下最后一个键时激活作弊模式
                swc = 1;
                mike.changeIntervalTime("[0,36]1000");
                document.getElementById("lnrMod").style.display = "block";
            }
        } else cheatMike.endImmediately();//与表不符合，立即结束连击
    }

    //游戏源码
    let level = 6;
    let intime = 300;
    document.onkeydown = function (ev) {
        mike.activate();
        cheatMike.activate();
    };
    window.onload = function () {
        alert("游戏玩不过？试试魂斗罗秘籍");
        startNewGame();
    };
    let mike = new Mick(36);

    mike.changePreFunc("[0," + level + "]clc");
    mike.changeEndFunc("clr(" + level + ")");
    mike.changeIntervalTime("[0," + level + "]" + intime);

    let list = ["↑", "↓", "←", "→"];
    let gameList = new Array(level);

    function clc() {
        let a = getKey();
        let nub = mike.getTimes() - 1;
        if (gameList[nub] === a) {
            document.getElementById("div" + nub).style.color = "red";
            if (nub + 1 === level) {
                if (level === 35) {
                    if (swc === 1) alert("你已经玩老年人模式翻版了!");
                    if (swc === 0) alert("你已经玩翻版了!收下我的膝盖");
                    return;
                }
                setTimeout(function () {
                    mike.endImmediately();
                    level++;
                    intime -= 4;
                    if (swc !== 1) mike.changeIntervalTime("[0," + level + "]" + intime);
                    mike.changePreFunc("[" + (level - 1) + "]clc");
                    mike.changeEndFunc("clr(" + level + ")");
                    startNewGame();
                    document.getElementById("title").innerHTML = "第" + (level - 5) + "关";

                }, 100);
            }
        } else {
            mike.endImmediately();
            clr(nub);
        }
    }

    function getKey() {
        if (event.key === "ArrowUp") return "↑";
        if (event.key === "ArrowDown") return "↓";
        if (event.key === "ArrowLeft") return "←";
        if (event.key === "ArrowRight") return "→";
        return event.key;
    }

    function clr(nub) {
        for (let i = 0; i < nub; i++) document.getElementById("div" + i).style.color = "aliceblue";
    }

    function startNewGame() {
        document.getElementById("game-pane").innerHTML = "";
        for (let i = 0; i < level; i++) {
            let v = Math.floor(Math.random() * 4);
            gameList[i] = list[v];
            let tmp = document.createElement("label");
            tmp.id = "div" + i;
            tmp.className = "nom";
            tmp.innerHTML = gameList[i];
            document.getElementById("game-pane").appendChild(tmp);
        }
    }
</script>
</body>
</html>

神也看不懂

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
HTML js实现类似于侠盗飞车的作弊码通过按键组合在网页中埋一个彩蛋

所需要使用的插件Mick下载地址：https://github.com/MasterYexl/Micklet cheatMike = new Mick(12, "", "[0,12]cheatMod", "[0,12]1000");//首先定义一个连击管理let cheats = ["↑", "↑", "↓", "↓", "←", "→", "←", "→", "b", "a", "b", ...
复制链接

扫一扫