Keolot Phaser Editor 2D

Keolot Phaser Editor คือสภาพแวดล้อมการพัฒนาภาพฟรีสำหรับเกมเบราว์เซอร์ 2 มิติบนเอนจินโอเพนซอร์ส Phaser ที่ผสานรวมฟิสิกส์ Matter JS แอปพลิเคชันนี้มีความสามารถในตัวในการสร้างและแก้ไขฉาก วัตถุในเกม แอนิเมชัน เสียง และปุ่มต่างๆ ได้อย่างเห็นภาพ เขียนตรรกะของเกมด้วย Javascript พร้อมความสามารถในการเชื่อมต่อปลั๊กอินและสคริปต์ส่วนกลาง ด้วยการนำเสนอภาพ กระบวนการสร้างการออกแบบเกมจึงง่ายขึ้นอย่างมาก เมื่อเทียบกับการทำงานโดยตรงกับไลบรารี Phaser ที่ไม่มีการนำเสนอภาพ

ในโปรแกรมแก้ไขแบบอินเทอร์แอคทีฟ คุณสามารถสร้างการออกแบบ เคลื่อนย้ายวัตถุ และเพิ่มวัตถุใหม่ได้อย่างชัดเจน คุณสามารถควบคุมการออกแบบได้ทั้งด้วยเมาส์และด้วยความช่วยเหลือขององค์ประกอบอินเทอร์เฟซ รวมถึงการเปลี่ยนซูม และไม้บรรทัดพร้อมพิกัดที่ช่วยให้คุณควบคุมได้อย่างสะดวก สามารถเพิ่ม คัดลอก แก้ไข และลบวัตถุในเกม Phaser ต่อไปนี้ได้:
- รูปภาพ
- ข้อความ
- สไปรท์
- อนุภาค
- วิดีโอ
- สี่เหลี่ยมผืนผ้า
- ไทล์สไปรท์

นอกจากโหมดแก้ไขแบบอินเทอร์แอคทีฟแล้ว ยังมีโหมดดูตัวอย่างเกมอีกสองโหมด:
1) ดูตัวอย่างฉากปัจจุบัน คุณสามารถหยุดเกมชั่วคราวและเล่นต่อ รวมถึงโต้ตอบกับวัตถุและเปลี่ยนแปลงพารามิเตอร์ของวัตถุใน Inspector ได้แบบเรียลไทม์ ในโหมดดูตัวอย่างฉากใดฉากหนึ่ง คุณไม่สามารถสลับไปมาระหว่างฉากต่างๆ ภายในเกมได้ ซึ่งก็คือการดูฉากนั้นๆ นั่นเอง นอกจากนี้ โหมดดูตัวอย่างฉากยังเปิดใช้งานในโหมด Debug physics อีกด้วย
2) ดูตัวอย่างเกม เปิดเกมตามเดิม โดยไม่สามารถตรวจสอบวัตถุและหยุดการเล่นชั่วคราวได้

มีคอนโซลสำหรับแก้ไขจุดบกพร่องและดูข้อผิดพลาด

Object Inspector ช่วยให้คุณตั้งค่าพารามิเตอร์สำหรับวัตถุในเกม (เช่น พิกัด X, Y, มุม, ความทึบ, พื้นผิว, ความลึก ฯลฯ) ปรับพารามิเตอร์ทางกายภาพ พารามิเตอร์อนุภาคและลักษณะที่ปรากฏ (เช่น อายุการใช้งาน, ความถี่, ความเร็ว, อัลฟา ฯลฯ) และปรับคุณสมบัติอื่นๆ ในแผงต่างๆ เช่น การเลือกประเภทของแอนิเมชัน การตั้งค่าเสียง

คุณสามารถสร้างวัตถุภาพและสไปรท์ให้เป็นวัตถุทางกายภาพของ Matter ได้โดยตรงใน Object Inspector เพียงคลิกเดียว และระบุพารามิเตอร์ทางกายภาพ (เช่น ความหนาแน่น, รูปร่างการชน, หมวดหมู่การชน, การคืนสภาพ, การละเว้นแรงโน้มถ่วง ฯลฯ) ใน Script Editor คุณสามารถสร้างและปรับแต่งคุณสมบัติและวัตถุเกมอื่นๆ ได้ เหมือนกับการทำงานใน Phaser โดยตรง แต่ Visual Editor มีทุกสิ่งที่คุณต้องการ

สภาพแวดล้อมการพัฒนารองรับการสร้างภาพสำหรับทรัพยากรที่โหลดไว้ล่วงหน้าดังต่อไปนี้:
- รูปภาพ (ภาพบิตแมป JPG, PNG, WEBP, AVIF, GIF, SVG)
- SVG (ภาพเวกเตอร์)
- เสียง (MP3, WAV, OGG, M4A)
- ฟอนต์ (TTF, OTF)
- วิดีโอ (MP4, WEBM)
- สไปรท์ชีต
- Atlas
- แอนิเมชัน
- BitmapFont
- JSON
- TXT
- XML
- GLSL
- TilemapTiledJSON

ใน Scene Inspector คุณสามารถเลื่อนฉากขึ้นหรือลง เปลี่ยนสีพื้นหลังเฉพาะที่ของฉาก กำหนดขอบเขตทางกายภาพมาตรฐานได้ในคลิกเดียว และตั้งค่าสคริปต์ฉากสำหรับฟังก์ชันหลักของฉากเกม Phaser:
- Init()
- Preload()
- Create()
- Update(time, delta)

คุณยังสามารถเพิ่มสคริปต์แบบกำหนดเองสำหรับฉากได้ เช่น เมื่อใช้ฟังก์ชันของคุณเอง สคริปต์จะถูกเพิ่มลงในโค้ดเกมก่อน Init หากคุณเขียนฟังก์ชันใดๆ เช่น Init, Preload, Create, Update ในแบบ Custom ระบบจะไม่สนใจฟังก์ชันดังกล่าว เนื่องจากมีส่วนเฉพาะสำหรับส่วนนี้

ในโปรแกรมแก้ไขข้อความแบบไฮไลต์ไวยากรณ์ คุณสามารถแก้ไขทั้งสคริปต์ (JS, TS) และไฟล์ข้อความ (JSON, TXT) ได้ โปรแกรมแก้ไขข้อความรองรับฟังก์ชันพื้นฐาน ซึ่งเพียงพออยู่แล้ว แต่เพื่อความสะดวกในการใช้งานโค้ด ขอแนะนำให้ใช้เครื่องมือแก้ไขโค้ดจากผู้พัฒนาอื่นที่คุณชื่นชอบเพื่อสร้างและแก้ไขไฟล์สคริปต์ เมื่อเขียนสคริปต์ คุณควรปฏิบัติตามเอกสารประกอบอย่างเป็นทางการของไลบรารี Phaser 3.90

โปรแกรมแก้ไขโค้ดยังมีเทมเพลตโค้ดสำหรับสถานการณ์ทั่วไป เช่น การเพิ่มเหตุการณ์ลงในอ็อบเจ็กต์ การสร้างอ็อบเจ็กต์แบบทวีน การสร้างอ็อบเจ็กต์ทางกายภาพแบบกำหนดเอง เหตุการณ์สำคัญ การจัดการการชนกัน ฯลฯ

สามารถบันทึกโปรเจ็กต์ที่สร้างขึ้น ส่งออกเป็นไฟล์ ZIP และส่งออกเกมที่เสร็จแล้วเป็นไฟล์ ZIP เพื่อเปิดใช้งานในเบราว์เซอร์ได้