增加游戏页

README.md

+## 我想说的: 
+依赖分支: git@gitlab2.dui88.com:sparkprojects/20220513_ZJZY_tiaoyitiao.git
+
+
+
+
+
 # 最新模板分支newTemplate0805
 
 ### psd命名规则

index.html

@@ -32,7 +32,7 @@
             height: 100%;
             overflow: hidden;
             position: absolute;
-            background-color: #9a3636;
+            background-color: #54c5f4;
             -webkit-user-select: none;
             /* Safari */
             -ms-user-select: none;

resource/res.json

@@ -5,7 +5,7 @@
 			"name": "FailPanel"
 		},
 		{
-			"keys": "cdbg.png,closemusic.png,cloud.png,controlpeo.png,gamebg.jpg,gamebuild.png,leftbtn.png,monster.png,openmusic.png,rightbtn.png,scorebg.png,tianpop.png,xiangpop.png",
+			"keys": "cdbg.png,closemusic.png,cloud.png,cloud2.png,controlpeo.png,gamebg.jpg,leftbtn.png,monster.png,num_0.png,num_1.png,num_2.png,num_3.png,num_4.png,num_5.png,num_6.png,num_7.png,num_8.png,num_9.png,num_s.png,openmusic.png,reset.png,rightbtn.png,scorebg.png,tianpop.png,word_云.png,word_休.png,word_卷.png,word_在.png,word_心.png,word_意.png,word_无.png,word_晴.png,word_水.png,word_流.png,word_深.png,word_看.png,word_自.png,word_舒.png,word_闲.png,word_静.png,xiangpop.png",
 			"name": "GameScene"
 		},
 		{
@@ -33,7 +33,7 @@
 			"name": "common"
 		},
 		{
-			"keys": "atmosphere.svga,crypeo.svga,guidecount.svga,jumppeo.svga,popstar.svga,startbtn.svga,startpeople.svga",
+			"keys": "atmosphere.svga,crypeo.svga,guidecount.svga,jumppeo.svga,left.svga,popstar.svga,right.svga,startbtn.svga,startpeople.svga",
 			"name": "svga"
 		}
 	],

resource/skin.json

@@ -264,17 +264,7 @@
 			"x": 0,
 			"y": 0,
 			"type": "container",
-			"children": [
-				{
-					"name": "guide",
-					"x": 80,
-					"y": 787,
-					"type": "sprite",
-					"props": {
-						"source": "guide.png"
-					}
-				}
-			]
+			"children": []
 		},
 		{
 			"name": "GameScene",
@@ -292,19 +282,10 @@
 					},
 					"id": "bg"
 				},
-				{
-					"name": "gamebuild",
-					"x": 0,
-					"y": 826,
-					"type": "sprite",
-					"props": {
-						"source": "gamebuild.png"
-					}
-				},
 				{
 					"name": "cloud",
-					"x": 450,
-					"y": 689,
+					"x": 51,
+					"y": 761,
 					"type": "sprite",
 					"props": {
 						"source": "cloud.png"
@@ -312,109 +293,36 @@
 					"id": "cloud"
 				},
 				{
-					"name": "controlpeo",
-					"x": 313,
-					"y": 788,
+					"name": "cloud2",
+					"x": 214,
+					"y": 1065,
 					"type": "sprite",
 					"props": {
-						"source": "controlpeo.png"
+						"source": "cloud2.png"
 					},
-					"id": "peo"
+					"id": "cloud2"
 				},
 				{
-					"name": "tianpop",
-					"x": 516,
-					"y": 638,
-					"type": "sprite",
-					"props": {
-						"source": "tianpop.png"
-					},
-					"id": "tianpop"
-				},
-				{
-					"name": "xiangpop",
-					"x": 27,
-					"y": 786,
-					"type": "sprite",
-					"props": {
-						"source": "xiangpop.png"
-					},
-					"id": "xiangpop"
-				},
-				{
-					"name": "monster",
-					"x": 106,
-					"y": 419,
+					"name": "controlpeo",
+					"x": 237,
+					"y": 869,
 					"type": "sprite",
 					"props": {
-						"source": "monster.png"
+						"source": "controlpeo.png"
 					},
-					"id": "monster"
+					"id": "peo"
 				},
 				{
 					"name": "controlbtn",
 					"x": 80,
 					"y": 1164,
 					"type": "container",
-					"children": [
-						{
-							"name": "rightbtn",
-							"x": 0,
-							"y": 0,
-							"type": "sprite",
-							"props": {
-								"source": "rightbtn.png"
-							},
-							"id": "right"
-						},
-						{
-							"name": "leftbtn",
-							"x": 385,
-							"y": 0,
-							"type": "sprite",
-							"props": {
-								"source": "leftbtn.png"
-							},
-							"id": "lrft"
-						}
-					]
-				},
-				{
-					"name": "score",
-					"x": 280,
-					"y": 244,
-					"type": "container",
-					"children": [
-						{
-							"name": "scorebg",
-							"x": 0,
-							"y": 0,
-							"type": "sprite",
-							"props": {
-								"source": "scorebg.png"
-							},
-							"id": "scorebg"
-						},
-						{
-							"name": "scorenum",
-							"x": 140,
-							"y": 26,
-							"type": "text",
-							"props": {
-								"text": "5136",
-								"size": 44,
-								"fillColor": "#ffffff",
-								"textAlpha": 1,
-								"lineHeight": 44
-							},
-							"id": "scorenum"
-						}
-					]
+					"children": []
 				},
 				{
 					"name": "countdown",
-					"x": 23,
-					"y": 244,
+					"x": 313,
+					"y": 330,
 					"type": "container",
 					"children": [
 						{
@@ -426,42 +334,8 @@
 								"source": "cdbg.png"
 							},
 							"id": "cdbg"
-						},
-						{
-							"name": "cdnum",
-							"x": 94,
-							"y": 26,
-							"type": "text",
-							"props": {
-								"text": "15s",
-								"size": 44,
-								"fillColor": "#ffffff",
-								"textAlpha": 1,
-								"lineHeight": 44
-							},
-							"id": "cdnum"
 						}
 					]
-				},
-				{
-					"name": "closemusic",
-					"x": 650,
-					"y": 245,
-					"type": "sprite",
-					"props": {
-						"source": "closemusic.png"
-					},
-					"id": "close"
-				},
-				{
-					"name": "openmusic",
-					"x": 650,
-					"y": 245,
-					"type": "sprite",
-					"props": {
-						"source": "openmusic.png"
-					},
-					"id": "open"
 				}
 			]
 		},

src/Main.ts

@@ -80,13 +80,6 @@ export class Main {
         console.log("通用资源加载完成")
         //h5环境时，隐藏加载中
         if (FYGE.getEnv() == "web" && document.getElementById("__loading__")) document.getElementById("__loading__").style.display = "none";
-
-        let isIOS = Tools.isIOS()
-        if(isIOS){
-            Tools.isMusic = false
-        }else{
-            Tools.isMusic = true
-        }
         preloadSound("bg")
         changeScene(StartScene)
         

src/ResJson.ts

@@ -5,7 +5,7 @@ export const ResJson = {
 			"name": "FailPanel"
 		},
 		{
-			"keys": "cdbg.png,closemusic.png,cloud.png,controlpeo.png,gamebg.jpg,gamebuild.png,leftbtn.png,monster.png,openmusic.png,rightbtn.png,scorebg.png,tianpop.png,xiangpop.png",
+			"keys": "cdbg.png,closemusic.png,cloud.png,cloud2.png,controlpeo.png,gamebg.jpg,leftbtn.png,monster.png,num_0.png,num_1.png,num_2.png,num_3.png,num_4.png,num_5.png,num_6.png,num_7.png,num_8.png,num_9.png,num_s.png,openmusic.png,reset.png,rightbtn.png,scorebg.png,tianpop.png,word_云.png,word_休.png,word_卷.png,word_在.png,word_心.png,word_意.png,word_无.png,word_晴.png,word_水.png,word_流.png,word_深.png,word_看.png,word_自.png,word_舒.png,word_闲.png,word_静.png,xiangpop.png",
 			"name": "GameScene"
 		},
 		{
@@ -33,7 +33,7 @@ export const ResJson = {
 			"name": "common"
 		},
 		{
-			"keys": "atmosphere.svga,crypeo.svga,guidecount.svga,jumppeo.svga,popstar.svga,startbtn.svga,startpeople.svga",
+			"keys": "atmosphere.svga,crypeo.svga,guidecount.svga,jumppeo.svga,left.svga,popstar.svga,right.svga,startbtn.svga,startpeople.svga",
 			"name": "svga"
 		}
 	],

src/SkinJson.ts

@@ -305,78 +305,56 @@ export const SkinJson = {
 					"id": "bg"
 				},
 				{
-					"name": "gamebuild",
-					"x": 0,
-					"y": 826,
+					"name": "reset",
+					"x": 612,
+					"y": 239,
 					"type": "sprite",
 					"props": {
-						"source": "gamebuild.png"
-					}
+						"source": "reset.png"
+					},
+					"id": "reset"
 				},
+				// {
+				// 	"name": "cloud",
+				// 	"x": 51,
+				// 	"y": 761,
+				// 	"type": "sprite",
+				// 	"props": {
+				// 		"source": "cloud.png"
+				// 	},
+				// 	"id": "cloud"
+				// },
+				// {
+				// 	"name": "cloud2",
+				// 	"x": 190,
+				// 	"y": 1050,
+				// 	"type": "sprite",
+				// 	"props": {
+				// 		"source": "cloud2.png"
+				// 	},
+				// 	"id": "cloud2"
+				// },
+				// {
+				// 	"name": "controlpeo",
+				// 	"x": 232,
+				// 	"y": 879,
+				// 	"type": "sprite",
+				// 	"props": {
+				// 		"source": "controlpeo.png"
+				// 	},
+				// 	"id": "peo"
+				// },
 				{
 					"name": "controlbtn",
 					"x": 80,
 					"y": 1164,
 					"type": "container",
-					"children": [
-						{
-							"name": "rightbtn",
-							"x": 0,
-							"y": 0,
-							"type": "sprite",
-							"props": {
-								"source": "rightbtn.png"
-							},
-							"id": "right"
-						},
-						{
-							"name": "leftbtn",
-							"x": 385,
-							"y": 0,
-							"type": "sprite",
-							"props": {
-								"source": "leftbtn.png"
-							},
-							"id": "left"
-						}
-					]
-				},
-				{
-					"name": "score",
-					"x": 280,
-					"y": 264,
-					"type": "container",
-					"children": [
-						{
-							"name": "scorebg",
-							"x": 0,
-							"y": 0,
-							"type": "sprite",
-							"props": {
-								"source": "scorebg.png"
-							},
-							"id": "scorebg"
-						},
-						{
-							"name": "scorenum",
-							"x": 140,
-							"y": 26,
-							"type": "text",
-							"props": {
-								"text": "",
-								"size": 44,
-								"fillColor": "#ffffff",
-								"textAlpha": 1,
-								"lineHeight": 44
-							},
-							"id": "scorenum"
-						}
-					]
+					"children": []
 				},
 				{
 					"name": "countdown",
-					"x": 23,
-					"y": 264,
+					"x": 313,
+					"y": 330,
 					"type": "container",
 					"children": [
 						{
@@ -388,42 +366,8 @@ export const SkinJson = {
 								"source": "cdbg.png"
 							},
 							"id": "cdbg"
-						},
-						{
-							"name": "cdnum",
-							"x": 94,
-							"y": 26,
-							"type": "text",
-							"props": {
-								"text": "0s",
-								"size": 44,
-								"fillColor": "#ffffff",
-								"textAlpha": 1,
-								"lineHeight": 44
-							},
-							"id": "cdnum"
 						}
 					]
-				},
-				{
-					"name": "closemusic",
-					"x": 650,
-					"y": 265,
-					"type": "sprite",
-					"props": {
-						"source": "closemusic.png"
-					},
-					"id": "close"
-				},
-				{
-					"name": "openmusic",
-					"x": 650,
-					"y": 265,
-					"type": "sprite",
-					"props": {
-						"source": "openmusic.png"
-					},
-					"id": "open"
 				}
 			]
 		},

src/scenes/GameScene.ts

@@ -2,8 +2,11 @@ import { Scene } from "../../module/views/Scene";
 import * as Matter from "matter-js";
 import Role from "./components/Role";
 import AddProp from "./components/AddProp";
+import { RES } from "../../module/RES";
 import ObstacleProp from "./components/ObstacleProp";
 import MapItem from "./components/MapItem";
+import Cloud from "./components/Cloud";
+import Word from "./components/word";
 import { getWebData, WebNetName, sendWebNet, sendLog, LOG_TYPE } from "../webNet";
 import { showPanel, showToast, changeScene } from "../../module/ctrls";
 import { GuidePanel } from "../panels/GuidePanel";
@@ -12,72 +15,150 @@ import { SuccessPanel } from "../panels/SuccessPanel";
 import { FailPanel } from "../panels/FailPanel";
 import { duiba_md5 } from "../../module/tools/security";
 import { Tools } from "../Tools";
-import { playAllSound, stopAllSound, cusPlaySound } from "../common/SoundWeb";
 import { layers } from "../../module/views/layers";
+import UI from "../UI";
 export class GameScene extends Scene {
     get groupNames() { return ["GameScene"] };
     get skinName() { return "GameScene" };
 
     bg: FYGE.Sprite;
+    left;
+    right;
+    cdbg: FYGE.Sprite;
+
+    bgCon; //背景移动
+    _role; //人物
+    wordList = ['闲', '看', '晴', '云', '自', '卷', '舒', '静', '水', '流', '深', '心', '无', '意', '在', '休']; // 待随机出现的列表
+    collectList = []; // 已收集列表
+
+
+
+
+
+    cdnum: FYGE.TextField;
+
+
     cloud: FYGE.Sprite;
     peo: FYGE.Sprite;
     tianpop: FYGE.Sprite;
     xiangpop: FYGE.Sprite;
     monster: FYGE.Sprite;
-    right: FYGE.Sprite;
-    left: FYGE.Sprite;
+    
+    
     scorebg: FYGE.Sprite;
     scorenum: FYGE.TextField;
-    cdbg: FYGE.Sprite;
-    cdnum: FYGE.TextField;
+    
+    
     close: FYGE.Sprite;
     open: FYGE.Sprite;
 
 
     jumpLock = false;
     isonce = false;
+    score;
+    time;
 
     public static instance: GameScene;
     initUi() {
 
     }
-    start(data) {
+    async start(data) {
         super.start();
         GameScene.instance = this
         console.log("新手引导")
-        showPanel(GuidePanel);
-
-        if (Tools.isMusic) {
-            this.open.visible = true;
-            this.close.visible = false
-            cusPlaySound("bg", true)
-        } else {
-            this.open.visible = false;
-            this.close.visible = true
-        }
+        // showPanel(GuidePanel);
+
+        this.left = new FYGE.SvgaAni(await RES.getResAsync("left.svga"))
+        this.left = this.addChild(this.left)
+        this.left.position.set(8, 979);
+        this.left.startAniRange(1, 1, 1);
+        this.right = new FYGE.SvgaAni(await RES.getResAsync("right.svga"))
+        this.right = this.addChild(this.right)
+        this.right.position.set(524, 979);
+        this.right.startAniRange(1, 1, 1);
+
+        // 创建模型, 云层
         this.createPhyWorld()
         this.bgCon = this.addChild(new FYGE.Container());
         this.setChildIndex(this.bgCon, 2)
-        this.initMap();
-        this.scorenum.text = "0"
-        this.cdnum.text = StartScene.instance.gameInfo.duration
+        this.initCloud();
+        this.cdUIRender(StartScene.instance.gameInfo.duration)
+
+        // this.createPhyWorld()
+        // this.bgCon = this.addChild(new FYGE.Container());
+        // this.setChildIndex(this.bgCon, 2)
+        // this.initMap();
+        // this.scorenum.text = "0"
+        // this.cdnum.text = StartScene.instance.gameInfo.duration
     }
 
-    score;
-    time;
-
+    cdUIRender(num=17) {
+        // 先清除所有节点
+        this.cdbg.removeChildren();
+        let str = num + 's';
+        let arr = str.split("");
+        let startPos = (130 - (30*arr.length))/2
+        arr.forEach((item, index) => {
+            UI.Sp(this.cdbg, `num_${item}.png`, startPos + (index*30), 38)
+        })
+        
+    }
+    initCloud() {
+        let stageHeight = this.stage.stageHeight;
+        // 渲染人物脚下的一朵云层
+        UI.Sp(this.bgCon, 'cloud2.png', 190, stageHeight-310)
+        
+        // 创建角色
+        this.addRole()
+        
+        // 开始循环添加
 
-    changeMusic() {
-        this.open.visible = !this.open.visible
-        this.close.visible = !this.close.visible
-        Tools.isMusic = !Tools.isMusic
-        if (Tools.isMusic) {
-            // playAllSound()
-            cusPlaySound("bg", true)
-        } else {
-            stopAllSound()
+        for (let i=0; i<7; i++) {
+            this.createCloudItem(stageHeight - (500 + 150*i), i%2 == 0 ? 'left' : 'right');
         }
     }
+
+    /**
+     * 添加云朵
+     * @param h 
+     * @param direction 方向 left right
+     * @param isprop 
+     */
+    createCloudItem(h, direction?: string) {
+        // 0 - wordList长度之间的随机数
+        let randomIndex = Math.floor(Math.random()*this.wordList.length);
+        // this.wordList[randomIndex]
+        let wordItem = new Word({
+            wordTx: '云';
+        })
+        wordItem.fx = (direction === 'left' ? 88 : 440) + 100;
+        wordItem.fy = h + 5
+        this.bgCon.addChildAt(wordItem, 0)
+        this.composites.add(this.world, [wordItem.phyBody]);
+        this.addPropsMap.set(wordItem.phyBody.id, wordItem);
+        
+        let cloudItem = new Cloud({
+            direction
+        });
+        cloudItem.fx = direction === 'left' ? 88 : 440;
+        cloudItem.fy = h
+        this.bgCon.addChildAt(cloudItem, 0)
+        this.composites.add(this.world, [cloudItem.phyBody]);
+    }
+
+    // 添加角色
+    addRole() {
+        let offset = (1624 - this.stage.viewRect.height) / 2;
+        let role = this._role = new Role();
+        role.fx = 380;
+        role.fy = 1150 - offset;
+
+        this.bgCon.addChild(role);
+        // this.composites.add(this.world, [role.phyBody]);
+    }
+
+    
+
     upDateInfo() {
         this.score = 0
         this.time = StartScene.instance.gameInfo.duration
@@ -103,23 +184,11 @@ export class GameScene extends Scene {
 
     startGame() {
         this.isonce = false
-        this.addRole();
 
         this.addEventListener(FYGE.Event.ENTER_FRAME, this.onFarm, this);
         this.composites.add(this.world, [this._role.phyBody]);
     }
-    _role; //人物
-    bgCon; //背景移动
-
-    addRole() {
-        let offset = (1624 - this.stage.viewRect.height) / 2;
-        let role = this._role = new Role();
-        role.fx = 380;
-        role.fy = 980 - offset;
-
-        this.bgCon.addChild(role);
-        // this.composites.add(this.world, [role.phyBody]);
-    }
+    
     engine; // matter引擎初始化
     composites;
     world;
@@ -145,8 +214,6 @@ export class GameScene extends Scene {
 
         Matter.Events.on(this.engine, "collisionStart", this.onCollisionStart.bind(this));
         Matter.Events.on(this.engine, "tick", this.onCollisionTick.bind(this));
-
-
     }
     onCollisionTick(e) {
     }
@@ -166,9 +233,6 @@ export class GameScene extends Scene {
                         num = 2
                     }
                     this._role.addScore('+' + num, '#ffffff')
-                    if (Tools.isMusic) {
-                        cusPlaySound("get", false)
-                    }
                     
                     this.scorenum.text = Number(this.scorenum.text) + num + '';
                     this.score += num
@@ -180,9 +244,6 @@ export class GameScene extends Scene {
                 } else if (p.bodyB.gameType == 'dieProp' || p.bodyA.gameType == 'dieProp') {
                     // 死亡💀
                     console.log("死亡")
-                    if (Tools.isMusic) {
-                        cusPlaySound("fail", false)
-                    }
                     let body = p.bodyB.gameType == 'dieProp' ? p.bodyB : p.bodyA;
                     let prop = this.obstaclePropMap.get(body.id);
                     this.composites.remove(this.world, prop.phyBody);
@@ -195,9 +256,6 @@ export class GameScene extends Scene {
                     this.gameOver()
                 } else {
                     if (!this.jumpLock) {
-                        if (Tools.isMusic) {
-                            cusPlaySound("jump", false)
-                        }
                         this._role.jump()
                         this.jumpLock = true;
                         setTimeout(() => {
@@ -216,13 +274,13 @@ export class GameScene extends Scene {
 
         for (let i = 0; i < 10; i++) {
 
-            if (i < 4) {
-                this.createLineItem(stageHeight - (240 * (i + 2)), 0, false);
+            // if (i < 4) {
+            //     this.createLineItem(stageHeight - (240 * (i + 2)), 0, false);
 
-            } else {
-                this.createLineItem(stageHeight - (240 * (i + 2)));
+            // } else {
+            //     this.createLineItem(stageHeight - (240 * (i + 2)));
 
-            }
+            // }
 
         }
 
@@ -376,23 +434,18 @@ export class GameScene extends Scene {
     }
     initEvents() {
         super.initEvents();
-        this.left.addEventListener(FYGE.MouseEvent.CLICK, () => {
-            sendLog(LOG_TYPE.CLICK,37)
-            this._role.leftMove()
-        })
-        this.right.addEventListener(FYGE.MouseEvent.CLICK, () => {
-            sendLog(LOG_TYPE.CLICK,37)
-            this._role.rightMove()
-        })
-        this.open.addEventListener(FYGE.MouseEvent.CLICK, this.changeMusic, this)
-        this.close.addEventListener(FYGE.MouseEvent.CLICK, this.changeMusic, this)
+        // this.left.addEventListener(FYGE.MouseEvent.CLICK, () => {
+        //     sendLog(LOG_TYPE.CLICK,37)
+        //     this._role.leftMove()
+        // })
+        // this.right.addEventListener(FYGE.MouseEvent.CLICK, () => {
+        //     sendLog(LOG_TYPE.CLICK,37)
+        //     this._role.rightMove()
+        // })
 
     }
     removeEvents() {
         super.removeEvents();
-        this.open.removeEventListener(FYGE.MouseEvent.CLICK, this.changeMusic, this)
-        this.close.removeEventListener(FYGE.MouseEvent.CLICK, this.changeMusic, this)
-        stopAllSound()
     }
 }
 

src/scenes/components/Cloud.ts

+import * as Matter from "matter-js";
+import { RES } from "../../../module/RES";
+
+export default class Cloud extends FYGE.Container {
+    public phyBody: Matter.Body;
+    itemImg: FYGE.Sprite;
+    direction;
+    constructor(data?) {
+        super();
+        this.direction = data
+        let itemImg = this.itemImg = new FYGE.Sprite();
+        itemImg.texture = RES.getRes("cloud.png");
+        // itemImg.position.set(-itemImg.width / 2, -10);
+        this.addChild(itemImg);
+
+        this.phyBody = Matter.Bodies.rectangle(this.x, this.y, itemImg.width, 5, {
+            isStatic: true,
+            friction: 1,
+            render: {
+                fillStyle: '#000000'
+            },
+            isSensor: true, // 传感器，可以检测到碰撞，但是不参与碰撞
+        });
+        this.phyBody.gameType = 'item'
+
+        setTimeout(() => {
+            this.setPhyPos();
+        }, 200)
+    }
+
+    set fx(value: number) {
+        this.position.x = value;
+        this.setPhyPos();
+    }
+
+    set fy(value: number) {
+        this.position.y = value;
+        this.setPhyPos();
+    }
+
+    setPhyPos() {
+        Matter.Body.setPosition(this.phyBody, {
+            x: (this.x),
+            y: (this.y),
+        });
+    }
+
+
+}
\ No newline at end of file

src/scenes/components/Role.ts

@@ -13,27 +13,9 @@ export default class Role extends FYGE.Container {
     constructor() {
         super();
 
-        // console.log(getAssetByUUID("waittingSvga"),'getAssetByUUID("waittingSvga")')
-        // this.waittingSvga = new MovieClip(getAssetByUUID("waittingSvga"));
-        // this.waittingSvga.position.set(-this.waittingSvga.videoWidth / 2, -this.waittingSvga.videoHeight / 2)
-        // this.addChild(this.waittingSvga);
-        // this.waittingSvga.play()
-        // console.log(this.waittingSvga.videoWidth)
-        // debugger
-
-
         let roleImg = this.roleImg = new FYGE.Sprite();
         roleImg.texture = RES.getRes("controlpeo.png");
         this.getSvga()
-        // roleImg.position.set(-roleImg.width / 2, -roleImg.height / 2);
-        // // roleImg.scaleX = 0.5
-        // // roleImg.scaleY = 0.5
-        // this.addChild(roleImg);
-
-        
-
-        // this.initVisible();
-        // this.waittingSvga.visible = true;
 
         this.phyBody = Matter.Bodies.circle(this.x, this.y,roleImg.width/2, {
             friction: 1,
@@ -41,27 +23,30 @@ export default class Role extends FYGE.Container {
         });
 
         this.setPhyPos();
-        this.addEventListener(
-            FYGE.Event.ADDED_TO_STAGE,
-            () => {
-                this.addEventListener(FYGE.Event.ENTER_FRAME, this.onFarm, this);
-            },
-            this
-        );
+        // this.addEventListener(
+        //     FYGE.Event.ADDED_TO_STAGE,
+        //     () => {
+        //         this.addEventListener(FYGE.Event.ENTER_FRAME, this.onFarm, this);
+        //     },
+        //     this
+        // );
 
     }
     async getSvga(){
         this.jumpSvga = new FYGE.SvgaAni(await RES.getResAsync("jumppeo.svga"));
         this.jumpSvga.position.set(-this.jumpSvga.videoWidth / 2, -this.jumpSvga.videoHeight / 2)
+        this.jumpSvga.visible = false
         this.addChild(this.jumpSvga);
 
 
         this.downSvga = new FYGE.SvgaAni(await RES.getResAsync("crypeo.svga"));
         this.downSvga.position.set(-this.downSvga.videoWidth / 2, -this.downSvga.videoHeight / 2)
-        this.downSvga.visible = false
         this.addChild(this.downSvga);
     }
 
+
+    // ------------test
+
     die(callback){
         this.jumpSvga.visible = false;
         this.downSvga.visible = true;

src/scenes/components/Word.ts

+
+import * as Matter from "matter-js";
+import { RES } from "../../../module/RES";
+export default class Word extends FYGE.Container {
+    public phyBody: Matter.Body;
+    itemImg: FYGE.Sprite;
+    wordTx;
+    constructor(data?) {
+        super();
+        this.wordTx = data.wordTx
+        let itemImg = this.itemImg = new FYGE.Sprite();
+        itemImg.texture = RES.getRes(`word_${data.wordTx}.png`);
+        
+
+        itemImg.position.set(-itemImg.width / 2, -itemImg.height / 2);
+        this.addChild(itemImg);
+        
+        this.phyBody = Matter.Bodies.rectangle(this.x, this.y, itemImg.width / 2, itemImg.height / 2, {
+            isStatic: true,
+            friction: 1,
+
+            isSensor: true, // 传感器，可以检测到碰撞，但是不参与碰撞
+        });
+        this.phyBody.gameType = data.wordTx;
+        
+
+        setTimeout(() => {
+            this.setPhyPos();
+
+        }, 200)
+    }
+
+    set fx(value: number) {
+        this.position.x = value;
+        this.setPhyPos();
+    }
+
+    set fy(value: number) {
+        this.position.y = value;
+        this.setPhyPos();
+    }
+
+    setPhyPos() {
+        try {
+            Matter.Body.setPosition(this.phyBody, {
+                x: (this.x),
+                y: (this.y),
+            });
+        } catch (e) { }
+    }
+
+
+}
\ No newline at end of file

yarn.lock

@@ -2667,9 +2667,9 @@ ee-first@1.1.1, ee-first@~1.1.1:
   integrity sha1-WQxhFWsK4vTwJVcyoViyZrxWsh0=
 
 electron-to-chromium@^1.4.284:
-  version "1.4.322"
-  resolved "http://npm.dui88.com:80/electron-to-chromium/-/electron-to-chromium-1.4.322.tgz#e0afa1d115b66c1d47869db40d8f2f3729cecc16"
-  integrity sha512-KovjizNC9XB7dno/2GjxX8VS0SlfPpCjtyoKft+bCO+UfD8bFy16hY4Sh9s0h9BDxbRH2U0zX5VBjpM1LTcNlg==
+  version "1.4.325"
+  resolved "http://npm.dui88.com:80/electron-to-chromium/-/electron-to-chromium-1.4.325.tgz#7b97238a61192d85d055d97f3149832b3617d37b"
+  integrity sha512-K1C03NT4I7BuzsRdCU5RWkgZxtswnKDYM6/eMhkEXqKu4e5T+ck610x3FPzu1y7HVFSiQKZqP16gnJzPpji1TQ==
 
 elliptic@^6.5.3:
   version "6.5.4"