[Cocos Creator Press Tutorial (8)] – Titting Bricks (Physics Engine)

• 1< /li>
• 2
• 3< /li>
• 4
• 5
• 6
• 7
• 8
• 9
• 10
• 11
• 12
• 13
• 14
• 15

< li>16

• 17
• 18
• 19
• 20
• 21
• 22

I wrote a layout script for dynamically adding bricks. You can add the number of bricks that need to be added dynamically. In the layout node.

BrickPrefab is so long, I will prefab by default
OverPanel.js

cc.Class({ extends: cc.Component, properties: {resultLabel:cc.Label, scoreLabel:cc.Label, }, // use this for initialization onLoad: function () {} , init(gameCtl){ this.gameCtl = gameCtl; this.node.active = false; }, show(score,isWin){ this.node.active = true; if(isWin){ this .resultLabel.string = 'YOU WIN!'; }else{ this.resultLabel.string = 'YOU LOSE!';} this.scoreLabel .string = score+''; }, onBtnRestart(){ this.gameCtl.startGame();} });

• 1
• 2
• 3
• 4
• 5
• 6
• 7
• 8
• 9
• 10
• 11
• 12
• 13
• 14
• 15
• 16
• 17
• 18
• 19
• 20
• 21
• 22
• 23
• 24
• 25
• 26
• 27
• 28
• 29
• 30
• 31
• 32
• 33

End interface
Paddle.js

cc.Class({ extends: cc.Component, onLoad: function () {this.node.parent.on("touchmove", (event) => {//Convert world coordinates to local coordinates let touchPoint = this.node< span class="hljs-preprocessor">.parent .convertToNodeSpace(event.getLocation()); this.node.x = touchPoint.x; }); }, init(){ this.node.x = 360; }});

• 1
• 2
• 3
• 4
• 5
• 6
• 7
• 8
• 9
• 10
• 11
• 12
• 13
• 14
• 15
• 16

The tray moves with the finger

< p style="background-color:rgb(255,255,255);">< span style="font-weight:700;">Ball.js

cc.Class({ extends: cc.Component, properties : {}, init(gameCtl) {this.gameCtl = gameCtl; this.node.position = cc.v2(360,270);//initialization location this.getComponent(cc.RigidBody).linearVelocity = cc.v2(800,800 );//initialization speed  }, onBeginContact(contact, self, other) {switch (other.tag) {case 1://The ball hits a brick this.gameCtl.onBallContactBrick(self.node, other.node); break; case 2://ball hits the ground this< span class="hljs-preprocessor">.gameCtl.onBallContactGround(self.node, other.node); break; case 3://ball hit Tray this.gameCtl.onBallContactPaddle(self.node, other.node); break; case 4://ball hits the wall this .gameCtl.onBallContactWall(self.node, other.node); break; } },});

• 1
• 2
• 3
• 4
• 5
• 6
• 7
• 8
• 9
• 10
• 11
• 12
• 13
• 14

< li>15

• 16
• 17
• 18
• 19
• 20
• 21
• 22
• 23
• 24
• 25
• 26
• 27< /li>
• 28
• 29
• 30

The ball hits Let gameCtl handle other objects

GameCtl.js< /span>

const GameModel = require('GameModel');cc.Class({ extends: cc.Component, properties: {gameView: require('GameView'), ball: require('Ball'), paddle: require('Paddle') , brickLayout: require('BrickLayout' ), overPanel: require('OverPanel'), }, // use this for span> initialization onLoad: function () {//< /span>Android return key to exit cc.systemEvent.on(cc.SystemEvent .EventType.KEY_DOWN, (event) => {if (event.keyCode === cc.KEY.back) {cc.director.end();} }); this.physicsManager = cc.director.getPhysicsManager(); this.gameModel = new GameModel (); this.startGame span>(); }, //this.physicsManager .debugDrawFlags =0; // cc.PhysicsManager.DrawBits.e_aabbBit | // cc.PhysicsManager.DrawBits. e_pairBit | // cc.PhysicsManager. DrawBits.e_centerOfMassBit | // cc. PhysicsManager.DrawBits.e_jointBit | //  cc.PhysicsManager.DrawBits.e_shapeBit< /span> //; init() {this< /span>.physicsManager.enabled = true; this.gameModel.init(); this.gameView.init(this ); this.ball.init< /span>(this); this .paddle.init(); < span class="hljs-title">this.brickLayout.init(this.gameModel.bricksNumber); this.overPanel.init( this); }, startGame() {this.init(); }, pauseGame() {this.physicsManager.enabled = false; }, resumeGame() {this.physicsManager. enabled = true; }, stopGame( ) {this.physicsManager.enabled< /span> = false; this.overPanel.show(this.gameModel.score, this.gameModel.bricksNumber === 0); },  onBallContactBrick(ballNode, brickNode) {brickNode.parent = null; this.gameModel .addScore(1); this.gameModel.minusBrick< span class="hljs-params">(1); this.gameView.updateScore(this.gameModel.score); if (this.gameModel.bricksNumber <= 0) {this< /span>.stopGame();} }, onBallContactGround (ballNode, groundNode) {this. stopGame(); }, onBallContactPaddle( ballNode, paddleNode) {}, onBallContactWall(ballNode, brickNode) {}, onDestroy() {this.physicsManager.enabled = false;} });

cc.Class({ extends: cc.Component, properties: {scoreLabel:cc.Label, }, init(gameCtl){ this.gameCtl = gameCtl; this.scoreLabel.string = '0'; }, updateScore (score){ this.scoreLabel.string = score;  }});

cc.Class({ extends: cc.Component, properties: {score:0, bricksNumber:0, }, init(){ this. score = 0; this.bricksNumber< /span> = 50; }, addScore(score){ this.score += score; }, minusBrick(n){ this.bricksNumber -= n; },});