用CocosCreator3.6开发一款拼图游戏(二十一)

227 阅读2分钟

上次我们说到了音效的功能了,今天我们继续完善这个功能,废话少说,下面直接开始。

1. 上次我们建了专门存放音频的文件夹,并且将音频文件放入到该文件夹下了。接下来我们在脚本上进行控制处理。

(1)打开game.ts脚本。声明装饰器

    @property({type:[AudioClip]})

    arrAudio=[]

(2)引入AudioClip

image.png

  (3)选择Canvas,Arr Audio 填写3,因为我们有3个音频文件需要播放。 image.png

(4)然后会出现3个cc.AudioClip

image.png

(5)关联这3个音频文件。

image.png

2. (1)打开game.ts脚本,声明audioSource: AudioSource;

image.png

(2)在start函数里获取AudioSource

        this.audioSource =this.node.getComponent(AudioSource)

image.png

(4)在顶部也要引入AudioSource

image.png

3. (1)回到Canvas,添加组件。

image.png

(2)选择Audio 下的AudioSource

image.png

(3) 添加后就会出现CC.AudioSource这个组件

image.png

4. (1)我们在用户点击按钮时,加一个音效。打开game.ts脚本。在onclick函数里增加播放音效的代码。arrAudio[0]表示第一个音频

       this.audioSource.playOneShot(this.arrAudio[0],1)

image.png

(3)在点击方块移动的时候,也加一个音效。在checkMove函数处理。arrAudio[1]表示用第二个音效。注意,要加个判断条件,不是随机时才播放音效。

 


        if(!is_random){ //不是随机时

            this.audioSource.playOneShot(this.arrAudio[1],1)

        }

image.png

  (4)在拼图成功时也加个音效。在checkSuccess函数时进行处理。arrAudio[2]表示第三个音频。

      this.audioSource.playOneShot(this.arrAudio[2],1)

  image.png

到此,音效这个功能就完成了。大家如果有兴趣的话,其实还可以加个背景音乐的。

好了今天就到这里了,主要说了音效功能的完善。到此这个游戏就基本完成了,可能还有一些地方需要优化,这个就让给你们自己优化下了,下次在说下如何发布到一些平台。例如发布到微信小游戏。可能写的过程中还有很多不好的地方,希望大家能指出来,在此,谢谢大家