<!DOCTYPE html>
<html lang="zh">
<head>
<title data-i18n="eat-kano"></title>
<meta itemprop="name" content="吃掉蔡徐坤" />
<meta itemprop="description" content="只踩鸡块" />
<meta charset="utf-8" />
<meta name="viewport" content="initial-scale=1, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0, width=device-width,target-densitydpi=device-dpi" />
<link rel="shortcut icon" href="./favicon.ico">
<link href="./static/index.css" rel="stylesheet" type="text/css">
<link href="https://cdn.staticfile.org/twitter-bootstrap/5.1.1/css/bootstrap.min.css" rel="stylesheet">
<script src="https://pv.sohu.com/cityjson?ie=utf-8"></script>
<script src="https://code.createjs.com/1.0.0/createjs.min.js"></script>
<script src="https://passport.cnblogs.com/scripts/jsencrypt.min.js"></script>
<script src="https://cdn.staticfile.org/jquery/3.6.0/jquery.min.js"></script>
<script src="https://cdn.staticfile.org/twitter-bootstrap/5.1.1/js/bootstrap.bundle.min.js"></script>
</head>
<body onLoad="init()" oncontextmenu=self.event.returnValue=false>
<div id="GameScoreLayer" class="BBOX SHADE bgc1" style="display:none;">
<div style="padding:5%;margin-top: 200px;background-color: rgba(125, 181, 216, 0.3);">
<div id="GameScoreLayer-text"></div>
<div id="GameScoreLayer-CPS" class="mb-2 d-flex flex-row justify-content-center text-start">
<div class="col-3">CPS</div>
<div class="col-2" id="cps"></div>
</div>
<div id="GameScoreLayer-score" class="mb-2 d-flex flex-row justify-content-center text-start">
<div class="col-3" data-i18n="score"></div>
<div class="col-2" id="score"></div>
</div>
<div id="GameScoreLayer-bast" class="mb-2 d-flex flex-row justify-content-center text-start">
<div class="col-3" data-i18n="best"></div>
<div class="col-2" id="best"></div>
</div>
<button type="button" class="btn btn-secondary btn-lg" id="replay" onclick="replayBtn()" data-i18n="again">AGAIN-I18N</button>
<button type="button" class="btn btn-secondary btn-lg" onclick="window.location.reload()" data-i18n="home">HOME-I18N</button>
</div>
</div>
</div>
<div id="welcome" class="SHADE BOX-M">
<div class="welcome-bg FILL"></div>
<div class="FILL BOX-M" style="position:absolute;top:0;left:0;right:0;bottom:0;z-index:5;">
<div class="container">
<div class="container mb-5">
<div style="font-size:2.6em; color:#FEF002;" data-i18n="game-title">GAME-TITLE-I18N</div><br />
<div id="desc" style="display: block;font-size:2.2em; color:#fff; line-height:1.5em;">
<span data-i18n="game-intro1">GAME-INTRO1-I18N</span><br />
<span data-i18n="game-intro2">GAME-INTRO2-I18N</span><br />
</div>
</div>
<div id="btn_group" class="container text-nowrap">
<div class="d-flex justify-content-center flex-column flex-fill">
<a class="btn btn-primary btn-lg mb-3" onclick="readyBtn()" data-i18n="start">START-I18N</a>
<div class="dropdown mb-3">
<a class="w-100 btn btn-secondary btn-lg" href="javascript: void(0);" role="button" id="mode" data-bs-toggle="dropdown" aria-expanded="false" data-i18n="normal">NORMAL-I18N</a>
<ul class="dropdown-menu" aria-labelledby="mode">
<li><a class="dropdown-item" onclick="changeMode(MODE_NORMAL)" data-i18n="normal">NORMAL-I18N</a></li>
<li><a class="dropdown-item" onclick="changeMode(MODE_ENDLESS)" data-i18n="endless">ENDLESS-I18N</a></li>
<li><a class="dropdown-item" onclick="changeMode(MODE_PRACTICE)" data-i18n="practice">PRACTICE-I18N</a></li>
</ul>
</div>
<a class="btn btn-secondary btn-lg" onclick="show_setting()" data-i18n="settings">SETTINGS-I18N</a>
</div>
</div>
<div id="setting" class="container" style="display: none;">
<div class="container mb-3 btn-group">
<a data-i18n="img-before" type="button" class="btn text-nowrap btn-secondary me-1" onclick="getClickBeforeImage()" style="left: 0">IMG-BEFORE-I18N</a>
<input type="file" id="click-before-image" accept="image/*" class="d-none" onchange="saveClickBeforeImage()">
<a data-i18n="img-after" type="button" class="btn text-nowrap btn-secondary me-1" onclick="getClickAfterImage()" style="right: 0">IMG-AFTER-I18N</a>
<input type="file" id="click-after-image" accept="image/*" style="display: none;" onchange="saveClickAfterImage()">
<a id="sound" type="button" class="btn text-nowrap btn-secondary" onclick="changeSoundMode()"></a>
</div>
<div class="input-group mb-3">
<div class="input-group-prepend col-2">
<span class="input-group-text" data-i18n="title">TITLE-I18N</span>
</div>
<input data-placeholder-i18n="eat-kano" type="text" id="title" class="form-control" placeholder="EAT-KANO-I18N">
</div>
<div class="input-group mb-3">
<div class="input-group-prepend col-2">
<span data-i18n="key" class="input-group-text">KEY-I18N</span>
</div>
<input data-placeholder-i18n="default-dfjk" type="text" id="keyboard" class="form-control" maxlength=4 placeholder="DFJK-I18N">
</div>
<div class="input-group mb-3">
<div class="input-group-prepend col-2">
<span data-i18n="time" class="input-group-text">TIME-I18N</span>
</div>
<input data-placeholder-i18n="default-20s" type="text" id="gameTime" class="form-control" maxlength=4 placeholder="default-20s">
</div>
<button type="button" class="btn btn-secondary btn-lg" onclick="show_btn();save_cookie();" data-i18n="ok">OK-I18N</button>
</div>
</div>
</div>
</div>
<script src="./static/index.js"></script>
</body>
</html>
别踩白块（CXK版）-小游戏-NAS-WebStation-HTML5
需积分: 0 112 浏览量
更新于2023-08-21
收藏 938KB ZIP 举报
《别踩白块（CXK版）》是一款基于HTML5技术的小游戏，它可以在NAS（网络附加存储）上的WebStation服务器上运行。HTML5是一种在网页上开发交互式应用程序的标准，它无需安装插件或者应用，只需通过浏览器就能提供丰富的用户体验。这款游戏的CXK版可能是指加入了蔡徐坤这一元素，为游戏增添了一些娱乐性或个性化特点。
在部署这款小游戏到NAS的WebStation服务器上时，首先需要确保你的NAS设备支持WebStation服务，这是一个能够将NAS转变为Web服务器的软件，可以托管静态网页、动态网站甚至像《别踩白块》这样的小游戏。WebStation通常支持多种Web服务器环境，如Apache或Nginx，这些服务器能够处理HTTP和HTTPS请求，使得用户可以通过网络访问游戏。
部署过程主要包括以下步骤：
1. **安装WebStation**：在NAS管理界面中找到应用中心或插件商店，搜索并安装WebStation服务。
2. **配置WebStation**：设置WebStation的监听端口，通常默认为80或443，确保防火墙设置允许这个端口的通信。
3. **上传游戏文件**：将压缩包中的“别踩白块（蔡徐坤版）”文件解压，并通过FTP客户端或其他文件管理工具上传至WebStation的指定目录。
4. **修改配置文件**：描述中提到Index文件内已去除广告，这意味着游戏的主页文件（可能是index.html）已经过修改，去除了可能存在的广告代码，以提供纯净的游戏体验。
5. **启动服务**：在WebStation管理界面启动或重启服务，确保游戏文件能被正确解析和加载。
6. **访问游戏**：在浏览器中输入NAS的IP地址加上WebStation配置的端口号，如`http://nas_ip:port`，就可以访问并游玩《别踩白块（CXK版）》了。
这款游戏的运行依赖于NAS设备的性能和网络状况。NAS作为服务器使用，需要考虑带宽、CPU资源和内存使用，以保证用户在游戏过程中不会出现延迟或卡顿。同时，安全性也是重要的一环，确保服务器不被恶意访问或攻击，可以定期更新WebStation的安全补丁和固件，以及启用必要的安全防护措施。
通过这种方式，用户可以在家庭网络环境中搭建自己的私人游戏服务器，分享给家人或朋友，体验自己托管游戏的乐趣。这种方式不仅节省了流量，还避免了广告干扰，增强了游戏的可玩性和互动性。对于喜欢编程和技术的玩家来说，这也是一个了解服务器管理和网络服务的实践机会。
别踩白块（蔡徐坤版）.zip （12个子文件） 
别踩白块（蔡徐坤版） 
favicon.ico 87KB
index.html 6KB static music tap.mp3 8KB end.mp3 706KB err.mp3 26KB image 
ClickAfter.png 92KB ClickBefore.png 226KB i18n ja.json 2KB en.json 2KB zh.json 2KB index.js 22KB index.css 5KB2023-08-21 上传
2023-08-21 上传
192 浏览量
2023-08-21 上传
189 浏览量
132 浏览量
157 浏览量
2023-08-21 上传
2023-08-21 上传
103 浏览量
资源评论
