[catch-the-cat] 一个网页 捉住小猫 小游戏组件
[catch-the-cat] 一个网页 捉住小猫 小游戏组件
MOREFOXserver

[catch-the-cat] 一个网页 捉住小猫 小游戏组件

MOREFOX
2024-04-13 / 0 评论 / 20 阅读 / 正在检测是否收录...

翻大佬博客的时候看到了个小游戏,随后找到对方github看了看。
这里记录一下引用方法。


作者ReadMe页


作者Github链接

下载js脚本

转到作者github页下载js脚本。

解压并将js文件放入网页目录

以我的博客为例
我将文件丢进了主题文件夹内
例: /typechoBlog/usr/themes/Joe/

引入合适的位置

引入方法,原作者github已经写了,
按照作者的提示
在页面加入以下代码

<center><font face="微软雅黑" size=5>比较无聊?玩会小游戏吧</font></center>
<script src="/usr/themes/Joe/phaser.min.js"></script>
<script src="/usr/themes/Joe/catch-the-cat.js"></script>
<div id="catch-the-cat" style="text-align:center;"></div>
<script>
    window.game = new CatchTheCatGame({
        w: 12,
        h: 12,
        r: 20,
        initialWallCount: 8,
        backgroundColor: 0xFFFFFF,
        parent: 'catch-the-cat',
        statusBarAlign: 'center',
        credit: 'github.com/ganlvtech'
    });
</script>

以上

游戏蛮好玩的,一开始感觉有点难,找到诀窍后很容易获胜。

祝玩得愉快

0

评论 (0)

取消