คู่มือการสร้างARด้วยUnity+Vuforia

6. โฟลเดอรโ์ มเดลแอนิเมชน่ั 3 มติ ิ จะมาอยใู่ นโฟลเดอร์ Assets ใน Unity 7. เข้าไปทโ่ี ฟลเดอร์ที่จดั เก็บโมเดล คลิกท่โี มเดลค้างไว้ แลว้ ลากไปไว้ใน Image Target 47

8. กำหนดตำแหน่ง การหมนุ และขนาดของโมเดล ให้อยูภ่ ายในรูปภาพ Image Target หมายเหตุ การเลือกโมเดล 3 มิติ ที่มีแอนิเมชั่นจากเวบ็ ไซต์ free3d.com ให้เลือกหมวดหมู่ 3D ที่ต้องการ แล้วคลิก Animated เว็บไซต์จะ แสดงเฉพาะโมเดลท่ีมีแอนเิ มช่ันเท่านน้ั และในข้ันตอนการดสวน์โหลดให้เลือกไฟล์สำหรับ Unity 1. ไปท่ีพาเนล Hierarchy แล้วคลกิ ที่โมเดลใน Image Target 2. ไปที่พาเนล Inspector คลิก Select 48

3. คลิกทโี่ มเดล แลว้ คลิกปุ่ม Expand จะปรากฏแอนิเมช่ันท่าทางตา่ งๆ 4. คลกิ ที่ท่าทางทีต่ อ้ งการ 5. คลิก Play โปรแกรมจะแสดงแอนิเมชั่นท่าทางท่เี ลอื ก 6. คลกิ ทท่ี ่าทางทต่ี อ้ งการค้างไว้ แล้วลากไปไวท้ โ่ี มเดลในพาเนล Hierarchy 49

7. คลกิ ทโ่ี มเดล จะพบว่าที่พาเนล Inspector ในสว่ นของ Controller จะปรากฏทา่ ทางที่เลอื กไว้ 8. ท่พี าเนล Inspector คลิก Select 9. ไปทแ่ี ท็บ Animation 10. คลกิ ท่ีท่าทางทเ่ี ลือก 11. เล่อื น Scroll Bar ลงมา ใหค้ ลกิ เลือก Loop Time และ Loop Pose เพ่อื ใหแ้ อนเิ มชน่ั เลน่ วนซำ้ 12. คลิก Apply 50

13. ดับเบิล้ คลกิ ท่ี Animator Controller 14. จะเหน็ คำสงั่ Entry กับท่าทางที่เลอื กไวเ้ ช่อื มโยงกัน 15. คลกิ กลับไปที่ Scene 16. คลกิ Play เพอื่ ทดสอบการแสดงผล 51

1. ดบั เบ้ิลคลิกที่ Animator Controller 2. ลากท่าทางทต่ี ้องการไดห้ ลายทา่ ทางไปวางไวท้ ี่พาเนล Animator 3. คลิกขวาที่โหนดทา่ ทาง แลว้ คลิก Make Transition 52

4. คลิกทีโ่ หนดท่าทางท่ตี อ้ งการให้เล่นตอ่ จะปรากฏลกู ศรไปยงั โหนดทา่ ทาง 5. ทำขน้ั ตอนที่ 3-4 ซำ้ จนครบรอบ เพ่ือให้ทา่ ทางเล่นวนซ้ำ 6. คลกิ ท่โี มเดลในพาเนล Hierarchy 7. ที่พาเนล Inspector คลิก Select 53

8. ไปท่ีแท็บ Animation 9. คลกิ ที่ทา่ ทางทีเ่ ลอื ก 10. เลือ่ น Scroll Bar ลงมา ให้คลิกเลือก Loop Time และ Loop Pose เพอื่ ใหแ้ อนเิ มชั่นเลน่ วนซำ้ 11. คลิก Apply 12. ทำขนั้ ตอนท่ี 10-12 ซ้ำ จนครบทกุ ท่าทาง 13. คลิก Play เพื่อทดสอบการแสดงผล 54

1. สร้างโปรเจค็ ตใ์ หม่ใน Unity (ดเู พมิ่ เตมิ ทห่ี น้า 29) 2. ตง้ั คา่ โปรเจ็คต์ AR (ดเู พิ่มเตมิ ทห่ี นา้ 33-34) 3. การจดั การใบอนญุ าตจาก Vuforia (ดเู พม่ิ เติมท่ีหนา้ 34-35) 4. จดั การเช่อื มโยงใบอนญุ าตจาก Vuforia ใหเ้ รยี บร้อย (ดูเพิ่มเตมิ ที่หนา้ 36-37) 5. จัดการฐานข้อมูล Image Target (ดเู พ่ิมเตมิ ที่หนา้ 38-40) 6. นำรูปภาพ Image Target เขา้ มาใน Unity (ดเู พมิ่ เตมิ ทีห่ นา้ 41) 7. ดาวน์โหลดและจดั การโมเดล 3 มติ ิ (ดเู พม่ิ เตมิ ท่หี นา้ 42-45) Lean Touch เป็นส่วนเสริมของ Unity ใช้สำหรับสร้างการปฏิสัมพันธ์กับโมเดล 3 มิติ ท่ีใช้กับ เทคโนโลยีความจริงเสริม (Augmented Reality: AR) เช่น ควบคุมการหมุน ย้าย ย่อ ขยาย โดยใช้นิ้วสัมผัส บนหน้าจอสมารท์ โฟน สามารถดาวนโ์ หลดมาใชง้ านไดฟ้ รจี าก Unity Assets Store โดยมีขัน้ ตอนดงั นี้ 55

1. คลิกท่ีแทบ็ Asset Store 2. ค้นหา Lean Touch 3. คลกิ ท่ี Lean Touch 4. คลกิ Download (ต้องลงชื่อเขา้ ใช้ Unity) 56

5. คลกิ Import 6. จะปรากฏหน้า Import Unity Package ใหค้ ลกิ Import 7. จะปรากฏโฟลเดอร์ Lean ในโฟลเดอร์ Assets 8. คลกิ Scene เพอ่ื กลับสหู่ นา้ ต่างการทำงานตามปกติ 9. ไปที่ GameObject > Lean > Touch 10. จะปรากฏ LeanTouch ในพาเนล Hierarchy 57

11. คลิกที่โมเดลในพาเนล Hierarchy 12. ไปที่พาเนล Inspector 13. คลกิ Add Component 14. ค้นหาแลว้ เลอื กคอมโพเนนท์ ดงั น้ี ▪ Lean Twist Rotate สำหรับหมนุ โมเดล ▪ Lean Drag Translate สำหรับเคล่อื นย้ายโมเดล ▪ Lean Pinch Scale สำหรับยอ่ ขยายโมเดล 15. ทดสอบการแสดงผล โดยตอ้ ง Build เป็น .apk แล้วติดตงั้ ในสมารท์ โฟนแอนดรอยด์ 1. คลิกทโี่ มเดลในพาเนล Hierarchy 2. ลบคอมโพเนนท์ Lean Drag Translate โดยการคลิก แล้วเลือกคำส่งั Remove Component 58

3. คลิก Add Component 4. เลือก New Script 5. กำหนดชอื่ สคริปต์ 6. คลิก Create and Add 7. จะปรากดบั เบลิ้ คลิกทสี่ คริปตท์ ี่สร้างขึน้ 8. จะเข้าสู่โปรแกรม Visual Studio ให้ลบสครปิ ตท์ ไี่ ม่ได้ใชอ้ อก 59

9. พิมพส์ คริปต์ดงั น้ี float rotationSpeed = 1f; private void OnMouseDrag() { float rotationX = Input.GetAxis(\"Mouse X\")*rotationSpeed; float rotationY = Input.GetAxis(\"Mouse Y\")*rotationSpeed; transform.Rotate(Vector3.down, rotationX); transform.Rotate(Vector3.right, rotationY); } 10. คลกิ Save แล้วปดิ โปรแกรม Visual Studio 11. คลกิ ท่โี มเดลในพาเนล Hierarchy 12. คลิก Add Component 13. เลอื ก Capsule Collider 60

14. ท่ีคอมโพเนนท์ Capsule Collider กำหนดขนาดและตำแหนง่ แคปซูลใหค้ รอบคลุมโมเดล 15. คลิก Play เพ่อื ทดสอบการแสดงผล 61

หมายเหตุ การปรับขนาดและตำแหน่งของคอมโพเนนท์ Capsule Collider ให้ปรับขนาดที่ Radius และปรับตำแหน่งที่ Center โดยการ พิมพ์ค่า X Y และ Z 1. สรา้ งโปรเจ็คตใ์ หมใ่ น Unity (ดเู พิม่ เตมิ ทหี่ น้า 29) 2. ตั้งคา่ โปรเจค็ ต์ AR (ดเู พ่ิมเตมิ ที่หน้า 33-34) 3. การจัดการใบอนญุ าตจาก Vuforia (ดูเพ่มิ เติมท่หี นา้ 34-35) 4. จัดการเชื่อมโยงใบอนุญาตจาก Vuforia ใหเ้ รยี บร้อย (ดูเพ่มิ เติมที่หน้า 36-37) 5. จัดการฐานข้อมลู Image Target (ดูเพิ่มเตมิ ทีห่ นา้ 38-40) 6. นำรปู ภาพ Image Target เขา้ มาใน Unity (ดเู พิ่มเตมิ ทห่ี น้า 41) 7. ดาวนโ์ หลดและจดั การโมเดล 3 มติ ิ (ดูเพิ่มเตมิ ท่ีหนา้ 42-45) 62

1. สร้างโฟลเดอร์ Sound ไวใ้ นโฟลเดอร์ Assets โดยการคลิกขวา > Create > Folder 2. ลากไฟล์เสยี งเขา้ มาไว้ในโฟลเดอร์ Sound 3. ไปที่พาเนล Hierarchy ใหค้ ลิกที่ Image Target 4. ไปท่พี าเนล Inspector ให้คลิก Add Component 63

5. คลกิ เลือก Audio 6. คลกิ เลือก Audio Source 7. ลากไฟลเ์ สียงไปวางไวท้ ่ี Audio Clip 8. คลิกยกเลกิ คำสงั่ Play On Awake เพ่อื ไมใ่ หเ้ สียงเลน่ ทันที 9. ไปทีพ่ าเนล Hierarchy ใหค้ ลิกท่ี Image Target 10. ไปท่พี าเนล Inspector ในสว่ นของ Default Trankable Event Handler ใหด้ ับเบิ้ลคลกิ ท่ี Script 64

11. จะเขา้ สู่โปรแกรม Visual Studio โดยอตั โนมัติ กด Enter ท่ีบรรทัดที่ 19 แลว้ พมิ พส์ คริปต์ดังน้ี public AudioSource soundFruit; void Awake() { soundFruit = GetComponent<AudioSource>(); } 12. ไปทสี่ ่วนของ protected virtual void OnTrackingFound() กด Enter ทบ่ี รรทัด 105 แล้วพิมพส์ คริปต์ ดังน้ี soundFruit.Play(); 13. ไปที่ส่วนของ protected virtual void OnTrackingLost() กด Enter ที่บรรทัด 126 แล้วพิมพ์สคริปต์ ดงั นี้ soundFruit.Stop(); 14. คลกิ Save และปิดโปรแกรม Visual Studio 65

15. กลับไปที่ Unity แล้วคลกิ Play เพ่ือทดสอบการแสดงผล หมายเหตุ ▪ public AudioSource soundFruit; “soundFruit” จะเป็นชือ่ อะไรกไ็ ด้ ▪ protected virtual void OnTrackingFound() หมายถงึ ถา้ พบรปู ภาพ Image Target จะเลน่ เสียง ▪ protected virtual void OnTrackingLost() หมายถงึ ถ้าไมพ่ บรูปภาพ Image Target จะเลกิ เล่นเสยี ง 66

1. สรา้ งโปรเจ็คต์ใหมใ่ น Unity (ดูเพิ่มเติมทห่ี นา้ 29) 2. ตั้งคา่ โปรเจค็ ต์ AR (ดเู พมิ่ เติมทีห่ น้า 33-34) 3. การจดั การใบอนญุ าตจาก Vuforia (ดเู พมิ่ เติมท่หี น้า 34-35) 4. จัดการเชือ่ มโยงใบอนุญาตจาก Vuforia ใหเ้ รยี บรอ้ ย (ดูเพ่ิมเตมิ ทหี่ น้า 36-37) 5. จัดการฐานขอ้ มูล Image Target (ดเู พิ่มเติมทห่ี น้า 38-40) 6. นำรปู ภาพ Image Target เขา้ มาใน Unity (ดเู พม่ิ เตมิ ที่หนา้ 41) 1. ไปทีพ่ าเนล Hierarchy ให้คลกิ ขวาท่ี Image Target > 3D Object > Quad 67

2. ยอ่ ขยาย หมนุ และปรับตำแหน่ง Quad ใหอ้ ยูภ่ ายในรปู ภาพ Image Target 3. สรา้ งโฟลเดอร์ Video ไวใ้ นโฟลเดอร์ Assets โดยการคลกิ ขวา > Create > Folder 68

4. ลากไฟล์วดิ โี อเข้ามาไวใ้ นโฟลเดอร์ Video 5. ไปทพ่ี าเนล Hierarchy ให้คลกิ ที่ Quad 6. ไปทพ่ี าเนล Inspector ให้คลกิ Add Component 7. คลิกเลือก Video 8. คลิกเลอื ก Video Player 9. ลากไฟลว์ ดิ โี อไปวางไวท้ ี่ Video Clip 10. คลกิ ยกเลิกคำสั่ง Play On Awake เพ่ือไมใ่ ห้วิดีโอเลน่ ทนั ที 69

11. ไปที่พาเนล Hierarchy ให้คลิกที่ Image Target 12. ไปทพี่ าเนล Inspector ในสว่ นของ Default Trankable Event Handler ให้ดบั เบิ้ลคลิกท่ี Script 70

13. จะเขา้ สโู่ ปรแกรม Visual Studio โดยอตั โนมัติ กด Enter ทีบ่ รรทัดท่ี 19 แลว้ พิมพ์สครปิ ตด์ งั นี้ public UnityEngine.Video.VideoPlayer videoplayer; 14. ไปทส่ี ่วนของ protected virtual void OnTrackingFound() กด Enter ท่ีบรรทดั 101 แล้วพมิ พส์ คริปต์ ดังน้ี videoplayer.Play(); 15. ไปที่ส่วนของ protected virtual void OnTrackingLost() กด Enter ที่บรรทัด 122 แล้วพิมพ์สคริปต์ ดังนี้ videoplayer.Stop(); 16. คลิก Save และปดิ โปรแกรม Visual Studio 71

17. กลบั ไปท่ี Unity ไปท่พี าเนล Hierarchy แล้วลาก Quad ไปยัง Videoplayer ในพาเนล Inspector 18. คลกิ Play เพอ่ื ทดสอบการแสดงผล 72

1. สรา้ งโปรเจ็คตใ์ หม่ใน Unity (ดูเพ่ิมเตมิ ทีห่ น้า 29) 2. ตงั้ ค่าโปรเจค็ ต์ AR (ดูเพ่ิมเตมิ ทห่ี น้า 33-34) 3. การจัดการใบอนญุ าตจาก Vuforia (ดเู พิม่ เตมิ ทหี่ นา้ 34-35) 4. จัดการเชื่อมโยงใบอนญุ าตจาก Vuforia ให้เรยี บร้อย (ดเู พ่มิ เติมทห่ี นา้ 36-37) 5. จัดการฐานข้อมลู Image Target (ดูเพม่ิ เติมทห่ี นา้ 38-40) แต่ Add Target มากกวา่ 1 รปู ภาพ 1. คลิกท่ี AR Camera 2. ไปท่ี GameObject > Vuforia Engine > Image 73

3. คลิกที่ Image Target 4. ไปที่พาเนล Inspector แลว้ กำหนดค่าดงั น้ี ▪ Database ให้เลอื กฐานข้อมูลทีส่ รา้ งข้ึน ▪ Image Target จะพบวา่ มมี ากกวา่ 1 รูปภาพ ใหเ้ ลือกรปู ภาพท่ตี อ้ งการ 5. สรา้ งโฟลเดอร์ 3D Model ไวใ้ นโฟลเดอร์ Assets โดยการคลิกขวา > Create > Folder 74

6. ลากโฟลเดอรโ์ มเดลท้ังหมดไปวางในโปรแกรม Unity ในโฟลเดอร์ 3D Model 7. ดบั เบล้ิ คลิกโฟลเดอรโ์ มเดล แลว้ ลากโมเดลทตี่ อ้ งการไปไว้ใน Image Target 8. ย่อ ขยาย หมนุ และปรับตำแหนง่ โมเดลให้อยู่ภายในรปู ภาพ Image Target 75

9. คลกิ ที่ Image Target แล้วเคลื่อนย้ายตำแหนง่ แกน X เพือ่ รองรับพนื้ ที่ Image Target ใหม่ 10. เพ่มิ Image Target และโมเดลตามขน้ั ตอนท่ี 7-9 ซ้ำ 11. เปล่ยี นชื่อทกุ Image Target โดยการคลิกขวาที่ Image Target > Rename 12. คลกิ ท่ี AR Camera 13. คลิก Open Vuforia Engine Configuration 76

14. กำหนด Max Simultaneous Tracked Images และ กำหนด Max Simultaneous Tracked Objects ตามจำนวนรูปภาพและวัตถุ 15. คลิก Play เพ่ือทดสอบการแสดงผล ต้องแสดงผลทุก Image Target 77

1. เปิดโปรเจค็ ต์ AR ที่เคยสรา้ งไว้ 2. ไปท่ี GameObject > UI > Button 78

3. ปรับมุมมองการแสดงผลโดยคลิก 2D 4. ไปท่ีพาเนล Inspector ในสว่ นของ Rect Transform ให้กำหนดตำแหนง่ และขนาดของป่มุ 1. ไปทพ่ี าเนล Hierarchy ให้คลิกที่ Button > Text 2. ไปทพ่ี าเนล Inspector และกำหนดรายละเอียดของป่มุ ดังนี้ ▪ Text กำหนดข้อความทีป่ รากฏบนปมุ่ ▪ Character กำหนดลักษณะตวั อกั ษร ▪ Paragraph กำหนดการจัดยอ่ หน้า 79

1. ไปท่พี าเนล Hierarchy ใหค้ ลี่ Button แลว้ คลิก Text 2. ลบ Text โดยการคลิกขวา > Delete 3. สรา้ งโฟลเดอร์ Button ไว้ในโฟลเดอร์ Assets โดยการคลกิ ขวา > Create > Folder 4. ลากรูปภาพปมุ่ ทตี่ อ้ งการไปไวใ้ นโฟลเดอร์ Button แล้วคลิกท่รี ูปภาพป่มุ 5. ไปท่ีพาเนล Inspector แลว้ กำหนด Texture Type เป็น Sprite (2D and UI) 80

6. คลกิ Apply 7. ไปทพี่ าเนล Hierarchy ให้คลิกที่ Button 8. ลากรูปภาพป่มุ ไปไว้ท่ี Source Image ในพาเนล Inspector 81

9. ไปทพ่ี าเนล Inspector ในส่วนของ Rect Transform ใหก้ ำหนดตำแหน่งและขนาดของป่มุ 1. ไปที่โฟลเดอร์ Assets 2. ไปที่ Assets > Create > C# Script 82

3. ตัง้ ชื่อไฟล์ C# (ตวั อย่างช่ือ LinkWebButton) แล้วดับเบิ้ลคลกิ ท่ไี ฟล์ C# ทส่ี ร้างข้นึ 4. จะเข้าสโู่ ปรแกรม Visual Studio โดยอตั โนมตั ิ แลว้ ลบสครปิ ต์ท่ไี ม่ต้องการ 5. ไปที่บรรทดั ท่ี 6 แลว้ พิมพ์สคริปต์ดังน้ี public string url; public void open() { Application.OpenURL(url); } 6. คลกิ Save และปิดโปรแกรม Visual Studio 83

7. กลับไปที่ Unity แลว้ คลิกลากไฟล์ C# ไปไว้ที่ Button 8. คลกิ ที่ Button 9. ไปท่พี าเนล Inspector ในส่วนของ On Click () ใหค้ ลกิ Add to list 10. ไปที่พาเนล Hierarchy แล้วลาก Button ไปไวท้ ่ี None (Object) 11. คลกิ ที่ No Function > LinkWebButton > open() 12. ในสว่ นของ Url ใหพ้ มิ พช์ ่อื เว็บไซต์ 84

13. คลกิ Play เพอ่ื ทดสอบการแสดงผล 1. ไปท่ี GameObject > UI > Button 85

2. แทรกรูปภาพเข้ามาในปุม่ (ดูเพ่ิมเติมทหี่ น้า 80-82) และกำหนดตำแหน่งและขนาดของปุ่ม 3. ไปที่ GameObject > Create Empty 4. เปลีย่ นชื่อ GameObject โดยการคลกิ ขวา > Rename แล้วกำหนดชอื่ ตามต้องการ (ตวั อย่างกำหนดเป็น ExitControl) 5. คลิกที่ GameObject (ชือ่ ExitControl) 6. ไปทพ่ี าเนล Inspector แล้วคลิก Add Component 86

7. คลิกเลือก New script 8. กำหนดชอื่ ไฟลส์ คริปต์ (ตวั อยา่ งกำหนดเปน็ ExitControl) 9. คลกิ Create and Add 10. ดบั เบลิ้ คลิกท่ี Script 87

11. จะเขา้ สูโ่ ปรแกรม Visual Studio โดยอัตโนมตั ิ ใหล้ บสคริปต์ที่ไม่ต้องการออก 12. ในส่วนของ public class ExitControl : MonoBehavior { ให้พิมพ์สครปิ ต์ดังนี้ public void Quit(){ Application.Quit(); } 13. คลกิ Save แลว้ ปิด Visual Studio 14. ไปทพี่ าเนล Hierarchy คลกิ ที่ Button ปุ่มออกจากแอพพลเิ คช่ัน 15. ไปที่พาเนล Inspector ในสว่ นของ On Click () ใหค้ ลิก Add to list 88

16. ไปทพ่ี าเนล Hierarchy แล้วลาก GameObject (ช่อื ExitControl) ไปไว้ท่ี None (Object) 17. คลกิ ท่ี No Function > ExitControl > Quit() 18. ทดสอบการแสดงผล โดยต้อง Build เป็น .apk แล้วตดิ ต้งั ในสมาร์ทโฟนแอนดรอยด์ 1. สร้างโปรเจ็คต์ใหม่ใน Unity (ดเู พิ่มเติมทห่ี นา้ 29) 2. ดบั เบิ้ลคลกิ เข้าไปท่ีโฟลเดอร์ Scene 89

3. เปล่ยี นชอ่ื ฉากโดยการคลกิ ขวาทไ่ี ฟล์ > Rename 4. กำหนดชือ่ ตามทีต่ ้องการ (ตัวอย่างกำหนดเปน็ MainMenu) 5. บันทกึ Scene โดยไปท่ี File > Save Scene 90

6. สร้างฉากใหม่ โดยไปที่ File > New Scene 7. บนั ทึก Scene ทีส่ รา้ งข้ึนใหม่ โดยไปที่ File > Save Scene As 8. จดั เกบ็ ไฟลไ์ วใ้ นโฟลเดอร์ Scenes 9. กำหนดชื่อ Scene (ตัวอย่างกำหนดเป็น FruitVocabAR) 10. คลิก Save 11. สรา้ งและบันทกึ ฉากใหม่ โดยทำขั้นตอนที่ 5-10 ซำ้ (กำหนดช่อื Scene เปน็ Author) 91

การสร้างฉากเมนู 1. เขา้ ไปทโี่ ฟลเดอร์ Scene แลว้ ดบั เบิ้ลคลกิ ที่ฉาก MainMenu 2. ไปที่ GameObject > UI > Image 3. เพือ่ ให้ทำงานกบั UI สะดวกมากขน้ึ ให้คลิก 2D 4. ไปท่ีพาเนล Hierarchy คลิก Canvas 5. ไปทีพ่ าเนล Inspector ทคี่ ำสง่ั UI Scale Mode ใหเ้ ลอื ก Scale With Screen Size 92

6. กำหนด Reference Resolution (ตวั อยา่ งกำหนด X = 1280 และ Y = 720) 7. ไปทพี่ าเนล Hierarchy คลกิ Image แล้วเปลี่ยนช่ือโดยการคลิกขวา > Rename 8. พิมพ์ชอ่ื ที่ตอ้ งการแล้วกด Enter (ตวั อย่างกำหนดเป็น BGMainMenu) 9. ไปที่พาเนล Inspector คลิก Anchor Presets 10. คลิกเลือก Stretch 93

11. กำหนด Left Right Top Bottom เปน็ 0 12. คลิกกลับไปท่โี ฟลเดอร์ Assets 13. สร้างโฟลเดอร์สำหรับเก็บรูปภาพกราฟิก โดยไปที่ Assets > Create > Folder (ตัวอย่างกำหนดชื่อ Graphics) 94

14. ดับเบิล้ คลกิ เข้าไปทโี่ ฟลเดอรท์ ส่ี ร้างขน้ึ ลากไฟล์รปู ภาพทตี่ ้องการใช้มาไว้ในโฟลเดอร์ 15. เลือกรูปภาพท่ีตอ้ งการ 16. ไปท่พี าเนล Inspector ท่คี ำสงั่ Texture Type ใหเ้ ลือก Sprite (2D and UI) 17. คลิก Apply 95

18. ไปที่พาเนล Hierarchy คลกิ Image (ช่ือ BGMainMenu) 19. คลกิ รูปภาพท่ตี อ้ งการใหเ้ ป็นภาพพื้นหลงั แล้วลากไปไว้ทีค่ ำส่งั Source Image ในพาเนล Inspector 20. จะปรากฏรูปภาพใน Image (ช่ือ BGMainMenu) 96