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

# TileSprite

### **TileSprite**

&#x20;              เป็นการสร้าง object ส่วนใหญ่ใช้ในการทำให้รูปภาพพื้นหลังของเรานั้นเคลื่อนไหว ใช้คำสั่ง&#x20;

**`objectName = this.add.tileSprite(x, y, width, height, 'key').setOrigin(x, y);`**

&#x20;              **ตัวอย่าง**

```javascript
preload(){
     this.load.image('bg', 'src/image/wild.png');
}
create(){
     background = this.add.tileSprite(0, 0, 850, 1400, 'bg').setOrigin(0, 0);
}
update(){
     background.tilePositionY -= 10;
}
```

{% hint style="info" %}
Tips : ถ้าอยากให้พื้นหลังเลื่อนในเเนวเเกน x ให้ใช้คำสั่ง **`background.tilePositionX -= ความเร็ว;`**
{% endhint %}

&#x20;              **ผลลัพธ์ที่ได้**

&#x20;                ![](https://1572294076-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-Me05uuZ2Kw6VszdHXnU%2F-Mef_sdy0cRibwN-HSq0%2F-MefeBTg2ZdxveVVgVto%2Fgiphy.gif?alt=media\&token=d9fb2899-7aeb-4baa-8b1b-b4649886cec0)<img src="https://1572294076-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2Fhelloermine%2F-Medy9Td2qGIau3S_5mj%2F-MedyZRixrGmUMyydW7r%2F3.png?generation=1626349394015266&#x26;alt=media" alt="" data-size="original">

{% hint style="info" %}
คำสั่ง **`.setOrigin(0, 0);`** คือการกำหนดตำแหน่งของ object โดยเลขที่ใส่จะเป็น (แกน x, แกน y) โดยเริ่มจากมุมซ้ายบน
{% endhint %}
