Cocos Creator 3.0 基础——常见操作

Posted 2022-07-15 许英俊

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

节点平移缩放旋转

@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;
);