前言

为了学习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. 结尾语

黄天不负有心人,我们搭建成功了。还是那句话:源码如有侵犯您的权益,请联系删除。


精品源码屋
3 声望7 粉丝

提供海量精品源码,业务范围:游戏,网站,工具等。 也支持招商代理