关于html5:H5小游戏1-是男人就下一百层附完整源码

  • 💂 网站举荐:【神级源码资源网】【摸鱼小游戏】
  • 🤟 有趣风趣的前端学习课程:👉28个案例趣学前端
  • 💅 想寻找独特学习交换、摸鱼划水的小伙伴,请点击【摸鱼学习交换群】
  • 💬 收费且实用的计算机相关常识题库:👉进来逛逛

给大家安利一个收费且实用的前端刷题(面经大全)网站,👉点击跳转到网站。

在线演示地址:https://code.haiyong.site/moyu/100/
演示视频:
https://www.bilibili.com/vide…

源码也可在文末收费获取

✨ 我的项目根本构造

目录构造如下:

这是一个简略的 H5小游戏

HTML

<div style="display:inline-block;width:100%; height:100%;margin: 0 auto; background: black; position:relative;" id="gameDiv">
    <canvas id="gameCanvas" width="480" height="640" style="background-color: #000000"></canvas>
</div>

CSS 代码

body {
    text-align: center;
    background: #000000;
    padding: 0;
    border: 0;
    margin: 0;
    height: 100%;
}

html{
    -ms-touch-action: none; /* Direct all pointer events to JavaScript code. */
}

JS 代码

因为代码过长,影响浏览体验,这里只提供局部的JS代码,残缺代码能够在文末下载。

egret_h5 = {};

egret_h5.prefix = "";

egret_h5.loadScript = function (list, callback) {
    var loaded = 0;
    var loadNext = function () {
        egret_h5.loadSingleScript(egret_h5.prefix + list[loaded], function () {
            loaded++;
            if (loaded >= list.length) {
                callback();
            }
            else {
                loadNext();
            }
        })
    };
    loadNext();
}

egret_h5.loadSingleScript = function (src, callback) {
    var s = document.createElement('script');
    if (s.hasOwnProperty("async")) {
        s.async = false;
    }
    s.src = src;
    s.addEventListener('load', function () {
        this.removeEventListener('load', arguments.callee, false);
        callback();
    }, false);
    document.body.appendChild(s);
}

源码下载

1.CSDN资源下载:https://download.csdn.net/download/qq_44273429/86794947
2.从海拥资源网下载(价格更优惠):https://code.haiyong.site/358/

【腾讯云】轻量 2核2G4M,首年65元

阿里云限时活动-云数据库 RDS MySQL  1核2G配置 1.88/月 速抢

本文由乐趣区整理发布,转载请注明出处,谢谢。

您可能还喜欢...

发表回复

您的电子邮箱地址不会被公开。 必填项已用*标注

此站点使用Akismet来减少垃圾评论。了解我们如何处理您的评论数据