共计 1325 个字符,预计需要花费 4 分钟才能阅读完成。
- 💂 网站举荐:【神级源码资源网】【摸鱼小游戏】
- 🤟 有趣风趣的前端学习课程:👉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/
正文完