前言
为了学习HTML,研制了本教程
最近不上班,闲得无聊,整理了很多html相关的源码,开箱即用,适合二开。今天为大家介绍一款超级好用的《动物合并消除游戏》搭建部署教程,希望大家喜欢。源码如有侵犯您的权益,请联系删除。
您拿源码做的任何相关事情,都与本人无关,此声明具有法律效应
1. 搭建环境
HbuilderX本地环境,线上的话直接部署到nginx
2. 网站演示
视频演示
https://githubs.xyz/show/97.mp4
图片演示
游戏简介
一款动物合并消除休闲游戏源码,一款引人入胜的益智游戏,玩家的任务是合并方块,创造出可爱的动物,这些动物的体型会逐渐变大。游戏玩法包括将方块放到网格上,并战略性地将它们合并以形成更大的动物形状。
3. 部署步骤
下载打开hbuilderx, 直接导入本地项目,选择到文件夹 **一款动物合并消除休闲游戏
index.html代码
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>animalmerge</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no">
<meta name="generator" content="Scirra Construct">
<meta name="author" content="animalmerge">
<meta name="description" content="animalmerge">
<link rel="manifest" href="appmanifest.json">
<link rel="apple-touch-icon" sizes="128x128" href="icons/icon-128.png">
<link rel="apple-touch-icon" sizes="256x256" href="icons/icon-256.png">
<link rel="apple-touch-icon" sizes="512x512" href="icons/icon-512.png">
<link rel="icon" type="image/png" href="icons/icon-512.png">
<link rel="stylesheet" href="style.css">
</head>
<body>
<script>
if (location.protocol.substr(0, 4) === "file")
{
alert("Web exports won't work until you upload them. (When running on the file: protocol, browsers block many features from working for security reasons.)");
}
</script>
<noscript>
<div id="notSupportedWrap">
<h2 id="notSupportedTitle">This content requires JavaScript</h2>
<p class="notSupportedMessage">JavaScript appears to be disabled. Please enable it to view this content.</p>
</div>
</noscript>
<script src="scripts/supportcheck.js"></script>
<script src="scripts/offlineclient.js" type="module"></script>
<script src="scripts/main.js" type="module"></script>
<script src="scripts/register-sw.js" type="module"></script>
</body>
</html>
源码仓库贡献
https://gitee.com/hadluo/game_code_03.git
引入的几个js代码
项目直接运行index.html 就可以了
hbuilderx打开地址:
http://127.0.0.1:8848/一款动物合并消除休闲游戏/animalmerge/index.html
4. 结尾语
黄天不负有心人,我们搭建成功了。还是那句话:源码如有侵犯您的权益,请联系删除。
**粗体** _斜体_ [链接](http://example.com) `代码` - 列表 > 引用
。你还可以使用@
来通知其他用户。