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

211 阅读1分钟

上次我们说到了在结束界面添加了两个按钮,但按钮的逻辑还没有实现,今天我们来实现它。废话少说,下面我我们直接开始。

1.(1)在return_home 节点上的Click Events 增加1。 image.png

(2)关联到game.ts的脚本上的onclick函数。 image.png

(3)customEventData 填写为return_home image.png

2. 同样re_play按钮也进行同样的操作。

(1)在re_play 节点上的Click Events 增加1。 image.png

(2)因为我们是在同一个函数对不同的按钮点击事件进行处理,所以同样也是关联到game.ts的脚本上的onclick函数。 image.png

(3)customEventData 填写为re_play image.png

3. 打开game.ts脚本,在onclick函数上进行处理。


else if(str=='return_home'){

            this.jigsaw.active=false

            this.nodeRedy.active=true

            this.cleanallitem()

 

        }else if(str=='re_play'){

            if(this.gameType==0){

                this.initjigsaw() //初始化拼图

            }else{

                this.initklotski() //初始化华容道

            }

        }

image.png

4. (1)game.ts脚本的顶部声明一个装饰器

    @property({type:Node})

    gameOver=null

  (2)关联gameOver节点。

image.png

(3)在初始化函数init,先让结束界面隐藏。

  this.gameOver.active=false

image.png

(4)同样在initklotski函数里,也是让gameOver先隐藏。

image.png

(5)在initjigsaw也是进行同样的处理。

image.png

(6)在checkSuccess函数游戏成功时进行显示。

       this.gameOver.active=true

image.png

(7)同样在返回首页的按钮处,也要对游戏结束界面进行隐藏。 image.png

到处,结束界面上的按钮的处理就结束了,下面我们添加下音效。

5. (1)在assets下新建一个文件夹,并且命名为sound,专门用来存放音频文件。

image.png

(2)将音频文件放到sound文件夹下。 image.png

好了今天就到这里了,主要说了游戏结束界面上按钮的处理。音效的功能只建了一个文件夹,具体在脚本上的处理,下次我们继续。可能写的过程中还有很多不好的地方,希望大家能指出来,在此,谢谢大家