Construct 2 : สร้าง Slide Menu ด้วย Lerp Function

ในบทความนี้จะแนะนำการทำเมนูแบบแถบเลื่อนเหมือนกับการนำเสนอของ PowerPoint โดยใช้ฟังก์ชั่น Lerp แทน Plugin Tween เนื่องจากมีบางสนามแข่งขันสำหรับนักเรียน ไม่อนุญาตให้ลง Plugin เพิ่มเติมจากที่มีอยู่เดิมในโปรแกรม บทความนี้อาจช่วยท่านแก้ปัญหาได้

ฟังก์ชัน Lerp มีโครงสร้าง Lerp(a, b, x)โดย a และ b เป็นการเคลื่อนที่ระหว่างจุดสองจุด และ x คือเปอร์เซ็นต์ของการเคลื่อนที่ใน 1 วินาที ของระยะทางระหว่างจุดทั้งสอง ซึ่งจะเป็นตัวเลขระหว่าง 0 ถึง 1 (0 = 0%, 1 = 100%)

  • ระยะ A = WindowWidth/2-WindowWidth
  • ระยะ B = WindowWidth/2
  • ระยะ C = WindowWidth+WindowWidth/2

1. เมื่อโหลดหน้าเมนู (Moving = 0)

  • ปุ่ม Play และปุ่ม Credits อยู่ในตำแหน่ง  C  และจะเคลื่อนที่ไปยังตำแหน่ง B
  • ปุ่ม Intro อยู่ในตำแหน่ง  A  และจะเคลื่อนที่ไปยังตำแหน่ง B

2.  เมื่อคลิกปุ่มใดปุ่มหนึ่ง Moving จะมีค่ามากกว่า 0

  • ปุ่ม Play และปุ่ม Credits อยู่ในตำแหน่ง  B  และจะเคลื่อนที่ไปยังตำแหน่ง C
  • ปุ่ม Intro อยู่ในตำแหน่ง  B  และจะเคลื่อนที่ไปยังตำแหน่ง A

3.  การตั้งค่าตัวแปร Moving เมื่อ คลิกปุ่มต่างๆ ของเมนู

4.  การเชื่อมโยงไปยังหน้าต่างๆ  ของเกม จะทำการโหลดหน้าใหม่เมื่อปุ่ม Play อยู่นอก Layout

ลองนำไปประยุกต์ใช้กันนะครับ ขอให้ทุกท่านสนุกกับการสร้างงานนะครับ

ตัวอย่างไฟล์งาน .capx [ดาวน์โหลดที่นี่]