飞机大战知识点总结
1.在Canvas
下创建Enemy0
文件,用来存放敌机,将小飞机enemy0图片文件
拖进Enemy0文件
内
2.在Scripts
文件内创建Enemy.ts
用来控制飞机从上到下的飞行,并将Enemy.ts
绑定到Enemy0文件
4.将飞机的Y轴拉到屏幕外
5.最后将Enemy0文件
制作成Prefabs
Enemy.ts
内容
import { _decorator, Component, Node } from 'cc';
const { ccclass, property } = _decorator;
@ccclass('Enemy')
export class Enemy extends Component {
/**
* 控制敌机 从上到下的移动
* speed:number 多少米每秒的向下移动
*/
@property
speed:number = 300;
start() {
}
update(deltaTime: number) {
const pos = this.node.position;
this.node.setPosition(pos.x,pos.y-this.speed*deltaTime,pos.z)
}
}
敌机的爆炸动画制作
敌机的爆炸动画,需要用到的图片UI
制作动画的方式,可以参考飞机大战02帧动画的制作
制作完成后需要在Enemy.ts
中定义Animation动画
@property(Animation)
anim:Animation = null;
start() {
// 然后就可以通过play() 方法播放动画了
// this.anim.play()
}
将Body
添加到Anim
中
同理用以上步骤,可以创建第二个,第三个敌机。并重新制作动画帧。