---
description: '#HelloGameDev #HelloErmine #HelloWorld2021'
---

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

&#x20;          :fast\_forward: เป็นปุ่มที่ไว้ใช้เปลี่ยนหน้า Scene โดยการให้เรากดเพื่อเปลี่ยน Scene

```javascript
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() เพื่อหยุดเล่นเพลง
    })                                
}
```

{% hint style="info" %}
Tips : เราสามารถใช้คำสั่งนี้สร้างปุ่มต่าง ๆ ได้อีกมากมาย เช่น ปุ่มปิดเสียง ปุ่มตั้งค่า หรือปุ่ม Tutorial
{% endhint %}

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

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

* **`pointerdown`** - จะทำงานเมื่อคลิกเมาส์
* **`pointerup`** - จะทำงานเมื่อคลิกและปล่อยเมาส์
* **`pointerover`** - จะทำงานเมื่อลากเมาส์ผ่าน
