Merge pull request #87 from cielaAr/main

更新 moonbit小游戏color_noise:色噪第三版
moonbitlang · Nov 13, 2024 · 5f8b027 · 5f8b027
2 parents d2a5b13 + ca3d7c3
commit 5f8b027
Show file tree

Hide file tree

Showing 6 changed files with 269 additions and 22 deletions.
diff --git a/teams/Arc_En_Ciel/README.md b/teams/Arc_En_Ciel/README.md
@@ -1,47 +1,290 @@
-ColorNoise：色噪
+#ColorNoise：色噪v2.0
+
+###更新：优化逻辑，增加san值栏
+san值为0时缓慢扣血
+
 这是一次奇异的经历，你可以认为是一场梦、或是一次奇遇。
 你来到了一个光怪陆离的世界，它失去色彩并且充满噪音，你感受到自己日渐疯狂、难以忍受，但还好，你还有手中的武器。
 去消灭那个疯狂的星球状怪物：科洛诺斯
 将世界复原，找寻回家的路吧。
 
-封面：
-![alt text](cover.png)
+##封面：
+<!DOCTYPE html>
+<html lang="en">
+<head>
+<meta charset="UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0">
+<title>Image Container</title>
+<style>
+  .image-container {
+    width: 320px;
+    height: 320px;
+    overflow: hidden; /* 确保图片不会超出容器边界 */
+    position: relative; /* 用于绝对定位图片 */
+  }
+
+  .image-container img {
+    width: 100%; /* 使图片宽度填满容器 */
+    height: auto; /* 保持图片的宽高比 */
+    position: absolute; /* 绝对定位 */
+    top: 50%;
+    left: 50%;
+    transform: translate(-50%, -50%); /* 使图片居中 */
+  }
+</style>
+</head>
+<body>
+
+<div class="image-container">
+  <img src="cover.png" alt="封面">
+</div>
+
+</body>
+</html>
+
 
+##角色控制
 方向键：上下左右控制角色移动
 z键：攻击/购买
 x键：切换角色/退出场景/进入场景
 
-主角——枪
+###主角——枪
+
 ![alt text](image.png)
 
-主角——剑
+###主角——剑
+
 ![alt text](image-1.png)
 
-双主角可长按x切换（商店中有可填补主角———剑空虚的心的道具，获得后atk增加10点） 
+*双主角可长按x切换（商店中有可填补主角———剑空虚的心的道具，获得后atk增加10点） 
+
+##游戏场景1
+
+<!DOCTYPE html>
+<html lang="en">
+<head>
+<meta charset="UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0">
+<title>Image Container</title>
+<style>
+  .image-container {
+    width: 320px;
+    height: 320px;
+    overflow: hidden; /* 确保图片不会超出容器边界 */
+    position: relative; /* 用于绝对定位图片 */
+  }
+
+  .image-container img {
+    width: 100%; /* 使图片宽度填满容器 */
+    height: auto; /* 保持图片的宽高比 */
+    position: absolute; /* 绝对定位 */
+    top: 50%;
+    left: 50%;
+    transform: translate(-50%, -50%); /* 使图片居中 */
+  }
+</style>
+</head>
+<body>
+
+<div class="image-container">
+  <img src="image-12.png" alt="1">
+</div>
+
+</body>
+</html>
+
+*画面下方为状态框与文本显示及操作提示框（可按照提示操作）
+
+<!DOCTYPE html>
+<html lang="en">
+<head>
+<meta charset="UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0">
+<title>Image Container</title>
+<style>
+  .image-container {
+    width: 320px;
+    height: 320px;
+    overflow: hidden; /* 确保图片不会超出容器边界 */
+    position: relative; /* 用于绝对定位图片 */
+  }
+
+  .image-container img {
+    width: 100%; /* 使图片宽度填满容器 */
+    height: auto; /* 保持图片的宽高比 */
+    position: absolute; /* 绝对定位 */
+    top: 50%;
+    left: 50%;
+    transform: translate(-50%, -50%); /* 使图片居中 */
+  }
+</style>
+</head>
+<body>
+
+<div class="image-container">
+  <img src="image-13.png" alt="封面">
+</div>
+
+</body>
+</html>
+
+*此处为画面场景，最左侧为可选角色框
 
-游戏场景1
-![alt text](image-2.png)
-画面下方为状态框与文本显示及操作提示框（可按照提示操作）
-![alt text](image-3.png)
-此处为画面场景，最左侧为角色属性框
 ![alt text](image-4.png)
-该方块为陷阱，踩到将会扣血
+
+#该方块为陷阱，踩到将会扣血
 ![alt text](image-5.png)
-此处为法阵，触发后将会进入魔法师房间
+
+#此处为法阵，触发后将会进入魔法师房间
+
 ![alt text](image-6.png)
 
 
-游戏场景2 魔法师房间
-![alt text](image-7.png)
+##游戏场景2 魔法师房间
+*魔法师房间可以缓慢恢复理智
+<!DOCTYPE html>
+<html lang="en">
+<head>
+<meta charset="UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0">
+<title>Image Container</title>
+<style>
+  .image-container {
+    width: 320px;
+    height: 320px;
+    overflow: hidden; /* 确保图片不会超出容器边界 */
+    position: relative; /* 用于绝对定位图片 */
+  }
+
+  .image-container img {
+    width: 100%; /* 使图片宽度填满容器 */
+    height: auto; /* 保持图片的宽高比 */
+    position: absolute; /* 绝对定位 */
+    top: 50%;
+    left: 50%;
+    transform: translate(-50%, -50%); /* 使图片居中 */
+  }
+</style>
+</head>
+<body>
+
+<div class="image-container">
+  <img src="image-7.png" alt="魔法师房间">
+</div>
+
+</body>
+</html>
+
 前往右上角电视处可以购物
-购物界面：长按方向键右键选择，右键加Z键购买
-![alt text](image-8.png)
 
-游戏场景3 
-![alt text](image-9.png)
+###购物界面：
+*长按方向键右键选择，右键加Z键购买
+
+<!DOCTYPE html>
+<html lang="en">
+<head>
+<meta charset="UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0">
+<title>Image Container</title>
+<style>
+  .image-container {
+    width: 320px;
+    height: 320px;
+    overflow: hidden; /* 确保图片不会超出容器边界 */
+    position: relative; /* 用于绝对定位图片 */
+  }
+
+  .image-container img {
+    width: 100%; /* 使图片宽度填满容器 */
+    height: auto; /* 保持图片的宽高比 */
+    position: absolute; /* 绝对定位 */
+    top: 50%;
+    left: 50%;
+    transform: translate(-50%, -50%); /* 使图片居中 */
+  }
+</style>
+</head>
+<body>
+
+<div class="image-container">
+  <img src="image-8.png" alt="tvshop">
+</div>
+
+</body>
+</html>
+
+##游戏场景3 
+
+<!DOCTYPE html>
+<html lang="en">
+<head>
+<meta charset="UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0">
+<title>Image Container</title>
+<style>
+  .image-container {
+    width: 320px;
+    height: 320px;
+    overflow: hidden; /* 确保图片不会超出容器边界 */
+    position: relative; /* 用于绝对定位图片 */
+  }
+
+  .image-container img {
+    width: 100%; /* 使图片宽度填满容器 */
+    height: auto; /* 保持图片的宽高比 */
+    position: absolute; /* 绝对定位 */
+    top: 50%;
+    left: 50%;
+    transform: translate(-50%, -50%); /* 使图片居中 */
+  }
+</style>
+</head>
+<body>
+
+<div class="image-container">
+  <img src="image-9.png" alt="封面">
+</div>
+
+</body>
+</html>
+
 需击杀左边三个怪物方可离开
-![alt text](image-10.png)
+
+<!DOCTYPE html>
+<html lang="en">
+<head>
+<meta charset="UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0">
+<title>Image Container</title>
+<style>
+  .image-container {
+    width: 320px;
+    height: 320px;
+    overflow: hidden; /* 确保图片不会超出容器边界 */
+    position: relative; /* 用于绝对定位图片 */
+  }
+
+  .image-container img {
+    width: 100%; /* 使图片宽度填满容器 */
+    height: auto; /* 保持图片的宽高比 */
+    position: absolute; /* 绝对定位 */
+    top: 50%;
+    left: 50%;
+    transform: translate(-50%, -50%); /* 使图片居中 */
+  }
+</style>
+</head>
+<body>
+
+<div class="image-container">
+  <img src="image-10.png" alt="hole">
+</div>
+
+</body>
+</html>
 大空洞，进去探索吧
 
-游戏场景4
-长按x进入洞穴，穿过岩洞哦那个，你将见到最后的boss
+##游戏场景4
+
+长按x进入洞穴，穿过岩洞，你将见到最后的boss
+击杀boss，获得胜利，回归真实吧。
diff --git a/teams/Arc_En_Ciel/control b/teams/Arc_En_Ciel/control
@@ -0,0 +1,3 @@
+方向键：上下左右控制角色移动
+z键：攻击/购买
+x键：切换角色/退出场景/进入场景
diff --git a/teams/Arc_En_Ciel/game.wasm b/teams/Arc_En_Ciel/game.wasm
diff --git a/teams/Arc_En_Ciel/image-12.png b/teams/Arc_En_Ciel/image-12.png
diff --git a/teams/Arc_En_Ciel/image-13.png b/teams/Arc_En_Ciel/image-13.png
diff --git a/teams/Arc_En_Ciel/title b/teams/Arc_En_Ciel/title
@@ -0,0 +1 @@
+ColorNoise:色噪