การสร้างปุ่มเปลี่ยน Scene

#HelloGameDev #HelloErmine #HelloWorld2021

⏩ เป็นปุ่มที่ไว้ใช้เปลี่ยนหน้า Scene โดยการให้เรากดเพื่อเปลี่ยน Scene

create() {
    //เริ่มจากการสร้างปุ่มขึ้นมาก่อน
    playButton = this.add.image(350, 500, 'play').setScale(0.8)
    
    //ต่อมา .setInteractive(); เพื่อให้มีการตอบโต้ระหว่างเรากับปุ่มกด
    playButton.setInteractive();
    
    //ต่อมากำหนดการทำงานของปุ่ม โดยใส่คำสั่งเปลี่ยนหน้า scene ในการเปลี่ยน scene
    playButton.on('pointerup',()=>{
        this.scene.start('GameScene')  //เราสามารถใช้คำสั่งอื่นๆเพิ่มได้ เช่น
        menusound.stop()              //menusound.stop() เพื่อหยุดเล่นเพลง
    })                                
}

Tips : เราสามารถใช้คำสั่งนี้สร้างปุ่มต่าง ๆ ได้อีกมากมาย เช่น ปุ่มปิดเสียง ปุ่มตั้งค่า หรือปุ่ม Tutorial

//ตัวอย่างเต็ม ๆ ในการสร้างปุ่มเปลี่ยน scene
create() {
    playButton = this.add.image(350, 600, 'play').setScale(0.8)
    playButton.setInteractive();
    playButton.on('pointerdown',()=>{
        this.scene.start('GameScene')
    })
}

คำสั่งที่เกี่ยวข้อง

• pointerdown - จะทำงานเมื่อคลิกเมาส์

• pointerup - จะทำงานเมื่อคลิกและปล่อยเมาส์

• pointerover - จะทำงานเมื่อลากเมาส์ผ่าน