Three.js Lab Skills ให้ AI ช่วยขึ้นรูป 3D แล้วตรวจการขยับและโต้ตอบในเว็บ

อยากให้ AI ช่วยขึ้นรูปพร็อพ 3D แต่ยังต้องแก้รูปทรงและการเคลื่อนไหวต่อเอง? Three.js Lab Skills ซึ่งอยู่ใน Repository ชื่อ 3D-lab-skills เป็นชุดคำสั่งสำหรับผู้ช่วยเขียนโค้ด ให้สร้างรูปทรงด้วย Three.js หรือเชื่อมต่อ Blender แล้วนำไปดูและปรับการโต้ตอบในเว็บ บทความนี้อ้างอิงเอกสารของโปรเจกต์ ไม่ใช่ผลทดลองรันโดย GameSlash

หุ่นยนต์ในภาพเป็นโมเดลเดิมที่นำมาแสดงในแกลเลอรี ไม่ใช่หลักฐานว่า AI สร้างหุ่นยนต์นี้ด้วยชุดคำสั่งดังกล่าว

เริ่มจากภาพอ้างอิง แล้วตรวจรูปทรงทีละขั้น

วิธีทำงานในเอกสารเริ่มจากเลือกภาพอ้างอิง ให้ผู้ช่วยเขียนโค้ดสร้างรูปทรง แล้วเปิดหน้า localhost เพื่อตรวจและปรับแก้ ผู้ใช้เลือกให้ขึ้นรูปด้วย Three.js หรือผ่าน Blender ที่เชื่อมต่อกับผู้ช่วยไว้แล้วได้ ส่วนการขยับ ปุ่มควบคุม และการตอบสนองต่อการคลิกทำต่อใน Three.js

ต้องมี Node.js 22 ขึ้นไป, npm, Git และผู้ช่วยเขียนโค้ดที่ใช้คำสั่งและไฟล์ในเครื่องได้ การสร้างภาพอ้างอิงอาศัยเครื่องมือภาพของผู้ช่วยหรือภาพที่ผู้ใช้เตรียมเอง เอกสารระบุว่าการสร้างผ่าน Blender ยังไม่ได้ยืนยันจนกว่าจะเชื่อมต่อส่วนเสริมได้ จึงไม่ควรคาดว่าแค่ติดตั้งชุดคำสั่งนี้แล้วจะสร้างโมเดลสำเร็จทุกกรณี

แยกโมเดลออกจากระบบการเคลื่อนไหว

ไฟล์ GLB ไม่ได้เก็บระบบโต้ตอบทั้งหมด ถ้าจะนำผลงานไปใช้ต่อ ต้องเก็บโค้ดพฤติกรรม Three.js ไว้ด้วย และตรวจการนำเข้า สเกล จำนวนโพลิกอน และการทำงานในเอนจินของตนเองอีกครั้ง

กังหันลมนี้เป็นอีกตัวอย่างของโมเดลเดิมที่ใช้ดูรูปทรงในแกลเลอรี ไม่ใช่ผลสร้างใหม่ด้วย AI และไม่ใช่ภาพเกมเพลย์

เช็กสิทธิ์ของโมเดลแยกจากโค้ด

โค้ดโปรเจกต์ใช้ GPL-3.0 แต่สิทธิ์ของโมเดลแต่ละชิ้นแยกกัน หุ่นยนต์และกังหันลมที่ใช้ประกอบบทความมีเครดิต CC BY 4.0 ตามรายการของโปรเจกต์ ไม่ได้แปลว่าทุกโมเดลในแกลเลอรีนำไปใช้ได้ด้วยเงื่อนไขเดียวกัน

อ่านวิธีติดตั้งและข้อจำกัดจาก เอกสาร Three.js Lab Skills และตรวจ เครดิตกับเงื่อนไขของแต่ละโมเดล ก่อนนำไปใช้ในเกม