更改

assets/Bundles/MainGame/png/arrow.png.meta

+{
+  "ver": "1.0.27",
+  "importer": "image",
+  "imported": true,
+  "uuid": "7fc92b68-a94c-452f-92f5-c975790e4138",
+  "files": [
+    ".json",
+    ".png"
+  ],
+  "subMetas": {
+    "6c48a": {
+      "importer": "texture",
+      "uuid": "7fc92b68-a94c-452f-92f5-c975790e4138@6c48a",
+      "displayName": "arrow",
+      "id": "6c48a",
+      "name": "texture",
+      "userData": {
+        "wrapModeS": "clamp-to-edge",
+        "wrapModeT": "clamp-to-edge",
+        "imageUuidOrDatabaseUri": "7fc92b68-a94c-452f-92f5-c975790e4138",
+        "isUuid": true,
+        "visible": false,
+        "minfilter": "linear",
+        "magfilter": "linear",
+        "mipfilter": "none",
+        "anisotropy": 0
+      },
+      "ver": "1.0.22",
+      "imported": true,
+      "files": [
+        ".json"
+      ],
+      "subMetas": {}
+    },
+    "f9941": {
+      "importer": "sprite-frame",
+      "uuid": "7fc92b68-a94c-452f-92f5-c975790e4138@f9941",
+      "displayName": "arrow",
+      "id": "f9941",
+      "name": "spriteFrame",
+      "userData": {
+        "trimType": "auto",
+        "trimThreshold": 1,
+        "rotated": false,
+        "offsetX": 0,
+        "offsetY": 0,
+        "trimX": 0,
+        "trimY": 0,
+        "width": 78,
+        "height": 98,
+        "rawWidth": 78,
+        "rawHeight": 98,
+        "borderTop": 0,
+        "borderBottom": 0,
+        "borderLeft": 0,
+        "borderRight": 0,
+        "packable": true,
+        "pixelsToUnit": 100,
+        "pivotX": 0.5,
+        "pivotY": 0.5,
+        "meshType": 0,
+        "vertices": {
+          "rawPosition": [
+            -39,
+            -49,
+            0,
+            39,
+            -49,
+            0,
+            -39,
+            49,
+            0,
+            39,
+            49,
+            0
+          ],
+          "indexes": [
+            0,
+            1,
+            2,
+            2,
+            1,
+            3
+          ],
+          "uv": [
+            0,
+            98,
+            78,
+            98,
+            0,
+            0,
+            78,
+            0
+          ],
+          "nuv": [
+            0,
+            0,
+            1,
+            0,
+            0,
+            1,
+            1,
+            1
+          ],
+          "minPos": [
+            -39,
+            -49,
+            0
+          ],
+          "maxPos": [
+            39,
+            49,
+            0
+          ]
+        },
+        "isUuid": true,
+        "imageUuidOrDatabaseUri": "7fc92b68-a94c-452f-92f5-c975790e4138@6c48a",
+        "atlasUuid": ""
+      },
+      "ver": "1.0.12",
+      "imported": true,
+      "files": [
+        ".json"
+      ],
+      "subMetas": {}
+    }
+  },
+  "userData": {
+    "type": "sprite-frame",
+    "hasAlpha": true,
+    "fixAlphaTransparencyArtifacts": false,
+    "redirect": "7fc92b68-a94c-452f-92f5-c975790e4138@6c48a"
+  }
+}

assets/Scripts/Scenes/MainGame/GuideLayer.ts

+import { _decorator, Component, Node } from 'cc';
+
+const {ccclass, property} = _decorator;
+
+@ccclass('GuideLayer')
+export class GuideLayer extends Component {
+
+    guide1: Node = null;
+    guide2: Node = null;
+
+    start() {
+        this.guide1 = this.node.getChildByName("guide1");
+        this.guide2 = this.node.getChildByName("guide2");
+
+        this.guide1.active = true;
+        this.guide2.active = false;
+
+        this.node.on(Node.EventType.TOUCH_END, this.onTouchEnd, this);
+
+    }
+
+    index = 0;
+
+    onTouchEnd() {
+        this.index++;
+        if(this.index == 1) {
+            this.guide1.active = false;
+            this.guide2.active = true;
+        }else {
+            this.node.active = false;
+        }
+
+    }
+
+}
+
+

assets/Scripts/Scenes/MainGame/GuideLayer.ts.meta

+{
+  "ver": "4.0.24",
+  "importer": "typescript",
+  "imported": true,
+  "uuid": "20147abd-1196-4b97-a81b-f83061a79f19",
+  "files": [],
+  "subMetas": {},
+  "userData": {}
+}

assets/Scripts/Scenes/MainGame/MainGame.ts

@@ -13,6 +13,7 @@ import GameMgr from "../../GameMgr";
 import MergeMaxPanel from "../../Panels/MergeMaxPanel";
 import NoPrizePanel from "../../Panels/NoPrizePanel";
 import BackPanel from "../../Panels/BackPanel";
+import store from "../../../store/store";
 
 const {ccclass, property} = _decorator;
 
@@ -31,6 +32,7 @@ export class MainGame extends Scene {
     @property({type: Label, group: "UI", displayName: "锤子个数"}) hammerTxt: Label = null;
     @property({type: Label, group: "UI", displayName: "万能球个数"}) proteanTxt: Label = null;
     @property({type: Node, group: "UI", displayName: "锤子提示"}) hammerMask: Node = null;
+    @property({type: Node, group: "UI", displayName: "新手引导"}) guideLayer: Node = null;
 
     @property({type: Prefab, displayName: "消失动画"}) rmAniPrefab: Prefab = null;
     @property({type: Node, displayName: "线"}) line: Node = null;
@@ -90,6 +92,10 @@ export class MainGame extends Scene {
     onLoad() {
         this.isUseHammer = false;
 
+        if (store.homeInfo.newGuideFlag === 0) {
+            this.guideLayer.active = true;
+        }
+
         PhysicsSystem2D.instance.enable = true;
         // PhysicsSystem2D.instance.debugDrawFlags = EPhysics2DDrawFlags.Aabb |
         //     EPhysics2DDrawFlags.Pair |
@@ -404,7 +410,7 @@ export class MainGame extends Scene {
             const opacity = ballNode.addComponent(UIOpacity);
             tween(opacity)
                 .to(0.5, {opacity: 0})
-                .call(()=>{
+                .call(() => {
                     ballNode.destroy();
                     resolve();
                 })

build/web-mobile/index.html

@@ -39,7 +39,7 @@
     <script src="//yun.duiba.com.cn/polaris/SVGA.Lite.v2.1.1.d3a67cbc13c591c53c6f87ab34c57ce387010374.js" crossorigin="anonymous"></script>
     <script src="//yun.duiba.com.cn/aurora/assets/2403d1edf2acd15b179306b6ddaa5f0967d78a8f.js"></script>
 
-    <link rel="stylesheet" type="text/css" href="//yun.duiba.com.cn/db_games/ccc_game/template3d/1723515084063/style.css"/>
+    <link rel="stylesheet" type="text/css" href="//yun.duiba.com.cn/db_games/ccc_game/template3d/1723534190594/style.css"/>
 
     <style>
         .sui-captcha {
@@ -99,16 +99,16 @@
 </script>
 
 <!-- Polyfills bundle. -->
-<script src="//yun.duiba.com.cn/db_games/ccc_game/template3d/1723515084063/src/polyfills.bundle.js" charset="utf-8"></script>
+<script src="//yun.duiba.com.cn/db_games/ccc_game/template3d/1723534190594/src/polyfills.bundle.js" charset="utf-8"></script>
 
 <!-- SystemJS support. -->
-<script src="//yun.duiba.com.cn/db_games/ccc_game/template3d/1723515084063/src/system.bundle.js" charset="utf-8"></script>
+<script src="//yun.duiba.com.cn/db_games/ccc_game/template3d/1723534190594/src/system.bundle.js" charset="utf-8"></script>
 
 <!-- Import map -->
-<script src="//yun.duiba.com.cn/db_games/ccc_game/template3d/1723515084063/src/import-map.json" type="systemjs-importmap" charset="utf-8"></script>
+<script src="//yun.duiba.com.cn/db_games/ccc_game/template3d/1723534190594/src/import-map.json" type="systemjs-importmap" charset="utf-8"></script>
 
 <script>
-  System.import('//yun.duiba.com.cn/db_games/ccc_game/template3d/1723515084063/index.js').catch(function (err) {
+  System.import('//yun.duiba.com.cn/db_games/ccc_game/template3d/1723534190594/index.js').catch(function (err) {
     console.error(err);
   })
 </script>