在CocosCreator中完成laya引擎的demo的制作

这两天在学校里，由于项目遇到了不能独自解决的问题。偷偷摸了两天鱼，突然想起在暑假公司实习中用CocosCreator完成了一个laya引擎的demo工程，于是把这个过程记录一下。

效果：

上述为这个项目的完成的效果图，由于实习时这个demo给的时间不长(几小时左右)，于是没有记录分数以及死亡，但游戏大体还是出来了，在我的demo中bullet与box的移动均在update完成(也可使用cc.tween完成)

game.js

cc.Class({ extends: cc.Component, properties: { box: { type: cc.Prefab, default: null, }, bullet: { type: cc.Prefab, default: null, } }, // LIFE-CYCLE CALLBACKS: onLoad() { this.node.on(cc.Node.EventType.TOUCH_START, this.onTouchStart, this); cc.director.getPhysicsManager().enabled = true;//开启物理属性 setInterval(() => { this.createBox(); }, 500); // //对象池使用 //请使用对象池进行创建enmey // this.enemyPool = new cc.NodePool(); // let initCount = 5; // for (let i=0;i<initCount;i++){ // this.boxs = cc.instantiate(this.box); // this.enemyPool.put(this.boxs)//将对象放入对象池 // } }, createBox() {//请使用对象池进行创建 let viewWidth = cc.view.getCanvasSize().width;//宽度 this.box = cc.instantiate(this.box); this.node.addChild(this.box); let x = -viewWidth / 2 + Math.random() * viewWidth; if (x <= -viewWidth / 2 + this.box.width / 2) { x += this.box.width + 10; } else if (x >= viewWidth / 2 - this.box.width / 2) { x -= this.box.width + 10; } this.box.x = x, this.box.y = 500; }, onTouchStart(event) { let viewWidth = cc.view.getCanvasSize().width;//宽度 let viewHeight = cc.view.getCanvasSize().height;//高度 // cc.log(event.getLocationX()) let bullet = cc.instantiate(this.bullet) this.node.addChild(bullet) bullet.setPosition(event.getLocationX() - viewWidth / 2, event.getLocationY() - viewHeight / 2) }, start() { }, update(dt) { }, });

box.js

cc.Class({ extends: cc.Component, properties: { }, // LIFE-CYCLE CALLBACKS: onLoad () { this.a=Math.floor(Math.random()*5)+1//随机数 this.hp = this.node.getChildByName('hp').getComponent(cc.Label); }, start () { }, onBeginContact(contact,selfCollider,otherCollider){ otherCollider.node.destroy(); // this.hp = selfCollider.node.getChildByName('hp').getComponent(cc.Label).string this.a-=1; cc.log(this.hp.string); }, update (dt) { this.hp.string = this.a; this.node.y-=8; if(this.node.y<-1000){ this.node.destroy(); cc.log('box销毁') } if(this.hp.string == 0){ this.node.destroy(); cc.log('hp==0') } }, });

bullet.js

cc.Class({ extends: cc.Component, properties: { }, // LIFE-CYCLE CALLBACKS: // onLoad () {}, start () { }, update (dt) { this.node.y+=10; }, });

给bullet和box添加刚体属性，将两个脚本分别挂载在两预制体上。然后打开碰撞监听器即可完成。