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

# HitBox

## HitBox

&#x20;              คือ ระยะหรือขอบเขตของ object ที่สามารถสัมผัสหรือโดน object ได้ โดยน้อง ๆ สามารถเปิด HitBox ดูได้ด้วยการตั้งค่า **`debug`** ในหน้า **main.js** จาก false ให้เป็น true

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

![เมื่อเราแก้ HitBox เรียบร้อย เปลี่ยนกลับเป็น false เพื่อปิดได้](https://1572294076-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-Me05uuZ2Kw6VszdHXnU%2F-MezQgXnDLw71010GPzx%2F-MezZ0FuiMsfgx0hpYMr%2Fdebug.PNG?alt=media\&token=52186d1d-2a9c-4a33-9cab-f85637b20e09)

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

<div align="center"><img src="https://1572294076-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-Me05uuZ2Kw6VszdHXnU%2F-MehOAFikViC3NF9irlx%2F-Mehcx1biwn8r3W7s84w%2Fimage.png?alt=media&#x26;token=d636a151-8c57-475a-9e9e-366260a089fa" alt="HitBox ของ object ที่เราสร้างขึ้น"></div>

{% hint style="warning" %}
เมื่อน้องทำเกมเสร็จเเล้ว น้อง ๆ อย่าลืมปิด HitBox ก่อนส่งไปให้ฝ่าย Infra นะครับ ไม่งั้นแย่เเน่🤣
{% endhint %}

&#x20;              เราสามารถปรับขนาดของ HitBox ของ object ได้ด้วยการใช้คำสั่ง **`.setSize(x,y)`**

&#x20;              และเรายังสามารถเลื่อนตำแหน่งของ HitBox ได้ด้วยการใช้คำสั่ง **`.setOffset(x,y)`**

&#x20;         **ตัวอย่างการปรับขนาดเเละตำแหน่ง HitBox**

```javascript
bird = this.physics.add.sprite(425, 700, 'bird')
    .setScale(0.5)
    .setSize(100, 200)
    .setOffset(150, 100);
```

{% hint style="danger" %}
การที่เราจะเปิด HitBox ของ object ได้นั้น object นั้นจะต้องสร้างแบบมีฟิสิกส์เท่านั้น
{% endhint %}
