吃掉蔡徐坤

🦌 网页小游戏 🥛

简介

小游戏：吃掉蔡徐坤

最新版本号：0.2.2

English | 繁體中文 | Github | Wiki | 游玩 | 最新 Build | Releases

可选功能

简易排行榜（日/周/月）不推荐使用。

不需要排行榜把 php/sql 文件都删掉即可。

版本需求

后端

启用排行榜时需要以下环境支持：

• MySQL 5.5.3+
• PHP 5.3.0+

并为 PHP 安装额外扩展：

• MySQLi
• OpenSSL

前端

PC 端

• Chrome 60+
• Edge 12+ / 79+
• Firefox 60+
• Safari 12+

移动端

• Chrome Android 60+
• Firefox for Android 60+
• Safari on iOS 12+
• WebView Android API26+
• WebView on iOS 12+

免责声明

本游戏与蔡徐坤本人及其经纪团队无任何关联，仅供娱乐。

static/image、static/music内容来自爱给网，若侵权可在 Issues 联系删除，并附上delete标签。

使用方法

注: 如果你想玩的话直接去玩就可以，这里是如何创建你的改版。

Github Pages

点这里看视频步骤。

如果你不需要排行榜，那么部署到 Github Pages 即可。

按照如下方法更改你想要显示的文字。

1. Fork本项目，不要在现在这个页面直接改，然后发现改不了。

2. 打开你Fork的项目，找到static/i18n/zh.json，找到下面这几项配置：

   {
     "game-title": "新概念音游",
     "game-intro1": "从最底下的开始",
     "game-intro2": "看你能得多少分",
     "game-intro3": "OK!",
     "game-intro4": "蔡徐坤一个不留！",
     "text-level-1": "试着好好练个两年半?",
     "text-level-2": "还没到蔡徐坤的程度!",
     "text-level-3": "马上就要超过蔡徐坤的程度!",
     "text-level-4": "你应该已经练了两年半了吧!",
     "text-level-5": "蔡徐坤:又有一位IKUN加入我们的荔枝集团了!"
   }

   你可以随意更改右侧文字，就可以显示你想要的内容，不要删掉双引号！

3. 找到static/image文件夹，点击前显示的图片是ClickBefore.png, 点击后的图片是ClickAfter.png，网站显示的图标为ProgressiveWebApps.png（比例必须为 1:1），把他们改成你想要的即可。

   注意文件格式，需要是 png。

4. 找到static/music文件夹，点击时的音效是tap.mp3，正常结束的音效是end.mp3，点击错误的音效是err.mp3，把他们改成你想要的即可。

   注意文件格式，需要是 mp3。

5. 更改完毕后前往项目的Settings -> Pages -> Source，选择main 分支然后点击Save。

部署到服务器

按照这些步骤来在你的服务器上配置排行榜的数据库。

1. 创建数据库并且执行提供的脚本（这里用kun作为数据库名）：

   CREATE DATABASE kun DEFAULT CHARSET=utf8mb4;
   USE kun;
   SOURCE kun.sql;

2. 更改有数据库信息的conn.php为你的数据库配置：

   <?php
   // 把这里改为你的配置
   $link = new mysqli('localhost','NAME','PASSWORD','kun');
   mysqli_set_charset($link, 'utf8mb4');
   if ($link->connect_error) {
       die("Failed to connect: " . $conn->connect_error);
   }
   $ranking = "kun_rank";

3. （如果需要在生产环境中应用）更改有私钥的SubmitResults.php为你生成的私钥：

   <?php
   ...
   // 把这里改为你的配置
   $encryptString = file_get_contents("php://input");
   $decrypted = '';
   $key       = "你的私钥";
   $key_eol   = (string) implode("\n", str_split((string) $key, 64));
   $privateKey = (string) "-----BEGIN PRIVATE KEY-----\n" . $key_eol . "\n-----END PRIVATE KEY-----";
   @openssl_private_decrypt(base64_decode($encryptString), $decrypted, $privateKey);
   $arr = explode('|_|', $decrypted);
   ...

4. （如果需要在生产环境中应用）更改有公钥的index.js为你生成的公钥：

   ...
   // 把这里改为你的配置
   function encrypt(text) {
       let encrypt = new JSEncrypt();
       encrypt.setPublicKey("你的公钥");
       return encrypt.encrypt(text);
   }
   ...

使用的项目及其许可证

1. EatKano (网站 GitHub 许可证：MIT license)

2. EatCat (GitHub 许可证：未知)

3. EatCat (GitHub 许可证：Apache License 2.0)

4. Bootstrap 5.1.3 (网站 GitHub 许可证：MIT license)

5. SoundJS 1.0.2 (网站 GitHub 许可证：MIT license)

6. jQuery 3.7.1 (网站 GitHub 许可证)

7. JSEncrypt 3.5.4 (网站 GitHub 许可证)

Star 统计

其它事项

本项目使用 MIT License 进行授权，在使用本项目时，请标注来源/原作者。

README.md、README_EN.md和本项目 Wiki 使用 Creative Commons Attribution 4.0 International Public License 进行授权，在使用这些文本时，请标注来源。