Layer

#HelloGameDev #HelloErmine #HelloWorld2021

Layer

layer คือค่าความลึกของ object อันหนึ่ง ซึ่งถ้ามีค่ามาก object ก็จะไปอยู่ข้างหน้า

โดยน้อง ๆ สามารถตั้งค่าความลึกของ layer ได้โดยใช้คำสั่ง .setDepth เช่น

create() {
        this.add.image(400,700,'football').setScale(0.10)
        .setDepth(5);
        this.add.image(500,750,'basketball').setScale(0.35)
        .setDepth(3);
        this.add.image(425,850,'volleyball').setScale(0.37)
        .setDepth(6);}

ผลลัพธ์ที่ได้

จะเห็นได้ว่า Object เรียงตาม Layer ที่เรากำหนดไว้

และ layer ยังสามารถใช้เพื่อจัดกลุ่ม 'Layer' ของ Game objects เข้าด้วยกันได้อีกด้วย

ตัวอย่าง

create() {
    football = this.add.sprite(400,700,'football').setScale(0.10);
    basketball = this.add.sprite(500,750,'basketball').setScale(0.35);
    volleyball = this.add.sprite(425,850,'volleyball').setScale(0.37);

    groupLayer = this.add.layer();
    groupLayer.add([ football, basketball, volleyball ]);
}

ถ้าจัดกลุ่ม GroupLayer.add([ Object1 , Object2, Object3 ]); Object ที่อยู่ชื่อแรกจะอยู่หลังสุด

ผลลัพธ์ที่ได้

Object ที่อยู่ชื่อแรกจะอยู่หลังสุด