拼图1.0版本

src/custom/pictures/debug/app.js

@@ -56,14 +56,14 @@ function launchWithCustomModule(customModule) {
 			engine.gameStage.sceneContainer.getChildAt(0).y = (d.stage.height-props.H)/2;
 		}, 1000);
 
-		// setTimeout(() => {
-		// 	engine.globalEvent.dispatchEvent('pictures-start', {
-		// 		picUrl: "http://yun.duiba.com.cn/aurora/assets/e1593b97c27077b85b92f7eaaeae1ed64a1eb79a.png",
-		// 		// picUrl: "http://yun.duiba.com.cn/aurora/assets/d23e73d37ec01931e48cbd0a4095367044c5675c.png"
-		// 		blockUrl: "888"
-		// 	});
+		setTimeout(() => {
+			engine.globalEvent.dispatchEvent('pictures-start', {
+				picUrl: "http://yun.duiba.com.cn/aurora/assets/e1593b97c27077b85b92f7eaaeae1ed64a1eb79a.png",
+				// picUrl: "http://yun.duiba.com.cn/aurora/assets/d23e73d37ec01931e48cbd0a4095367044c5675c.png"
+				blockUrl: "888"
+			});
 
-		// }, 5*1000);
+		}, 30*1000);
 	});
 	engine.globalEvent.addEventListener('pictures-time-update', (e) => {
 		// console.log(e.type, e.data);

src/custom/pictures/debug/main.js

@@ -146,6 +146,7 @@
 	            second: this.getSecond(),
 	        });
 	        if (this.getSecond() == 0) {
+	            GAME_TIME = props.GAME_TIME;
 	            this.stop();
 	            engine.globalEvent.dispatchEvent('pictures-game-fail', {
 	                reason: 1
@@ -164,7 +165,6 @@
 	        return GAME_TIME;
 	    };
 	    GameView.prototype.stop = function () {
-	        GAME_TIME = props.GAME_TIME;
 	        clearInterval(this._timer);
 	        var len = this.pictures.length;
 	        for (var i = 0; i < len; i++) {
@@ -258,11 +258,9 @@
 	        this.dragPic.y = e.stageY - this.localPicY - (this.stage.height - props.H) / 2;
 	        this.centerX = this.dragPic.x + w / 2;
 	        this.centerY = this.dragPic.y + h / 2;
-	        console.log(this.centerX, this.centerY, "center");
 	    };
 	    return GameView;
 	}(engine.Container));
-	//# sourceMappingURL=GameView.js.map
 
 	var GameWrapper = (function (_super) {
 	    tslib.__extends(GameWrapper, _super);

src/custom/pictures/src/game/GameView.ts

@@ -19,11 +19,13 @@ let GAME_TIME;
 let w;
 // 每张图片高
 let h;
+
 export default class GameView extends engine.Container {
   private _timer;
   private _timeCounter = 0;
 
   start() {
+    
     if (!this.guideHole) {
       this.guideHole = new engine.Image();
       this.guideHole.source = 'asset://' + props.blockUrl;
@@ -94,6 +96,7 @@ export default class GameView extends engine.Container {
     });
 
     if (this.getSecond() == 0) {
+      GAME_TIME = props.GAME_TIME
       this.stop();
       engine.globalEvent.dispatchEvent('pictures-game-fail', {
         reason: 1
@@ -121,7 +124,7 @@ export default class GameView extends engine.Container {
   }
 
   stop() {
-    GAME_TIME = props.GAME_TIME
+    // GAME_TIME = props.GAME_TIME
     clearInterval(this._timer);
     let len = this.pictures.length;
     for(let i=0;i<len;i++){
@@ -216,22 +219,12 @@ export default class GameView extends engine.Container {
     this.distanceY = this.dragPic.y;
 
     // 最开始点击的图片的索引值
-    // this.indexI = this.distanceX / (w + GAP);
-    // this.indexJ = this.distanceY / (h + GAP);
-    // this.index = (this.indexI - 1) * MAX_COL + this.indexJ;
-
 
     this.indexJ = Math.floor((this.distanceX) / (w + GAP));
     this.indexI = Math.floor((this.distanceY) / (h + GAP));
     this.index = (this.indexI) * MAX_COL + this.indexJ;
 
 
-    // 图片的中心位置
-    // this.centerX = e.clientX + w / 2;
-    // this.centerY = e.clientY + h / 2;
-
-    
-
     // this.centerX = Math.floor(e.clientX / w) * w + w / 2;
     // this.centerY = Math.floor(e.clientY / h) * h + h / 2;
 
@@ -275,14 +268,13 @@ export default class GameView extends engine.Container {
       this.dragPic.x = this.distanceX ;
       this.dragPic.y = this.distanceY ;
     }
-    let curJ = Math.floor(this.centerX / (w + GAP));
-    let curI = Math.floor(this.centerY / (h + GAP));
-
-    this.picturesWrapper.addChild(this.guideHole);
 
     // 判断图片是否进入另一张图片的范围内
     // 要交换的图片第几行第几列
+    let curJ = Math.floor(this.centerX / (w + GAP));
+    let curI = Math.floor(this.centerY / (h + GAP));
 
+    this.picturesWrapper.addChild(this.guideHole);
 
 
     // 点击图片的位置
@@ -343,19 +335,17 @@ export default class GameView extends engine.Container {
     console.log('拼图成功!');
     engine.globalEvent.dispatchEvent('pictures-game-success', { time: GAME_TIME });
     this.stop();
+
   }
 
   onMove(e: engine.MouseEvent) {
     // 当前图片的位置
     this.dragPic.x = e.stageX - this.localPicX - (750 - props.W) / 2;
     this.dragPic.y = e.stageY - this.localPicY - (this.stage.height - props.H) / 2;
-    // console.log('fuck on this.stage.height', this.stage.height)
-    // console.log(this.dragPic.x, this.dragPic.y)
 
     // 当前图片的中心位置
     this.centerX = this.dragPic.x + w / 2;
     this.centerY = this.dragPic.y + h / 2;
-    console.log(this.centerX,this.centerY,"center")
   }
 
   // onClk(e){