Cocos Creator 3.0 基础——常见操作

文章持续记录开发中遇到常用的功能

节点平移缩放旋转

@ccclass('CubeScale')
export class CubeScale extends Component {

    i = 0
    j = 0

    update(deltaTime: number) {
        //平移
        this.node.translate(new Vec3(0.01, 0, 0))
        //缩放
        this.node.setScale(this.i += 0.01, 1, 1)
        //旋转
        if (this.j >= 360) {
            this.j = 0
        }
        this.node.setRotationFromEuler(v3(this.j += 1, 0, 0))
    }
}

持久化存储

写在WebView的本地存储

localStorage.setItem("name", "hensen")
localStorage.getItem("name")

定时器

start() {
   this.schedule(this._changeEnemy, 5, macro.REPEAT_FOREVER)
}

_changeEnemy() {}

声音播放

将声音部分全部保存声音管理组件中，并设置好AudioClip属性，对外提供接口进行播放

interface IAudioBean {
   [name: string]: AudioClip
}

@ccclass('AudioManager')
export class AudioManager extends Component {

   @property([AudioClip])
   audios: AudioClip[] = []

   beans: IAudioBean = {}

   source: AudioSource = null

   start() {
       this.source = this.getComponent(AudioSource)
       for (let index = 0; index < this.audios.length; index++) {
           const element = this.audios[index];
           this.beans[element.name] = element
       }
   }

    //对外提供接口播放
   play(name) {
       const audio = this.beans[name]
       if (audio !== undefined) {
           this.source.playOneShot(audio)
       }
   }
}

使用播放

@property(AudioManager)
audioManager: AudioManager = null
    
this.audioManager.play("player")

动态图片加载

SpriteFrame动态加载资源中的图片，有个前提条件，图片必须存放在asset/resources目录下

resources.load("image/magnet_tool/spriteFrame", SpriteFrame, (err, spriteFrame) => {
    this.tool.spriteFrame = spriteFrame;
});