🎞️ Videos → ทำ Graphic 3D บนเว็บง่ายขึ้นด้วย ThreeSceneStudio

พบกับเรื่องราวการพัฒนา Three Scene Studio โปรเจกต์ที่ช่วยลดความยุ่งยากในการสร้าง 3D กราฟิกบนเว็บ ผู้บรรยายซึ่งเป็น software engineer ผู้หลงใหลในคอมพิวเตอร์กราฟิก จะมาแชร์ปัญหาและความท้าทายที่พบเจอในการพัฒนา 3D กราฟิกบนเว็บ เช่น การตั้งค่า Renderer, Scene, Pixel Ratio และการจัดการ Offscreen Event รวมถึงปัญหา Compatibility ระหว่าง Blender และ Three.js พร้อมสาธิตการใช้งาน Three Scene Studio ตั้งแต่การ export โมเดลจาก Blender การปรับแต่งค่าต่างๆ ในโปรแกรมแบบ real-time โดยไม่ต้องเขียนโค้ด ไปจนถึงการนำไฟล์ .tss ที่ export ออกมาไปใช้ในโปรเจกต์ React มาร่วมเรียนรู้วิธีสร้าง 3D กราฟิกบนเว็บให้ง่ายขึ้นด้วย Three Scene Studio

• แนะนำตัวและโปรเจกต์ 3D กราฟิกบนเว็บให้ง่ายขึ้น 0:00
• ปัญหาเดิมๆ ในการเริ่มโปรเจกต์ 3D บนเว็บ 0:51
• โค้ดตัวอย่างและปัญหา Compatibility ระหว่าง Blender กับ Three.js 2:08
• เครื่องมืออื่นๆ ที่ช่วยทำ 3D บนเว็บให้ง่ายขึ้น 3:06
• Three Scene Studio: ลดการเขียนโค้ด, เน้น Visual Editing 3:48
• ขั้นตอนการทำงาน: เปรียบเทียบแบบเดิมกับ Three Scene Studio 4:16
• Demo: สร้าง Animation รถวิ่งและนกบินใน Three Scene Studio 5:48
• Import ไฟล์ GLB เข้า Three Scene Studio และปรับแต่ง 7:23
• แก้ปัญหาแสงและแนะนำโหมดต่างๆ ใน Three Scene Studio 9:04
• ตั้งค่า Responsive และกล้องใน Three Scene Studio 10:35
• สร้าง Animation นกบินและรถวิ่งด้วยสูตรคำนวณ 12:04
• Export ไฟล์จาก Three Scene Studio และนำไปใช้ในโปรเจกต์ React 17:41
• ติดตั้ง Three Scene Studio Core และใช้งานใน React 19:12
• สรุปผลลัพธ์และช่องทางติดตามเพิ่มเติม 21:50