เริ่มต้นพัฒนา Web AR: สร้าง Augmented Reality ด้วย WebXR และ Three.js

Augmented reality ไม่ได้ถูกจำกัดอยู่แค่ในแอปสโตร์ดั้งเดิมอีกต่อไป ด้วยมาตรฐานเว็บสมัยใหม่ คุณสามารถส่งมอบประสบการณ์ AR ที่ดื่มด่ำได้โดยตรงผ่านเว็บเบราว์เซอร์บนมือถือทั่วไป หลักสูตรแบบข้อความนี้จะพาคุณไปทำความเข้าใจพื้นฐานของ Web AR ช่วยให้คุณเปลี่ยนผ่านจากการพัฒนาเว็บทั่วไปไปสู่การสร้างสรรค์เนื้อหาเชิงพื้นที่ที่ดื่มด่ำ คุณจะได้เรียนรู้แนวคิดหลักของการติดตามกล้อง (camera tracking) การเรนเดอร์ 3 มิติ และการประมวลผลเชิงพื้นที่บนเบราว์เซอร์ สิ่งที่คุณจะได้เรียนรู้: - ทำความเข้าใจแนวคิดพื้นฐานของ augmented reality, spatial computing และวิธีที่เบราว์เซอร์เรนเดอร์พื้นที่ 3 มิติ - สร้างเอฟเฟกต์ AR แบบติดตามใบหน้า (face-tracking) และติดตามรูปภาพ (image-tracking) โดยใช้ MindAR และ JavaScript สมัยใหม่ - ใช้งานประสบการณ์ AR แบบติดตามโลก (world-tracking) โดยใช้ WebXR Device API ดั้งเดิม - เรนเดอร์วัตถุและสภาพแวดล้อม 3 มิติแบบอินเทอร์แอกทีฟโดยใช้ Three.js และ A-Frame - ผสานรวมโมเดลการเรียนรู้ของเครื่องกับ TensorFlow.js เพื่อเปิดใช้งานการโต้ตอบ AR ที่ควบคุมด้วยท่าทาง - เพิ่มประสิทธิภาพ AR และความเร็วในการโหลดสำหรับเบราว์เซอร์บนมือถือโดยใช้เทคนิคการจัดส่งแอสเซทสมัยใหม่ หลักสูตรเริ่มต้นด้วยคำศัพท์ที่จำเป็นและคณิตศาสตร์พื้นฐานเบื้องหลังสภาพแวดล้อมเว็บ 3 มิติ จากนั้นคุณจะได้เรียนรู้ผ่านบทเรียนข้อความที่มีโครงสร้างและการฝึก 50% ด้วยโค้ด สร้างโปรเจกต์การติดตามจริง และเรียนรู้วิธีดีบักประสบการณ์ AR บนมือถือจากระยะไกล หลักสูตรนี้ออกแบบมาสำหรับนักพัฒนาเว็บและผู้เริ่มต้นที่ต้องการเข้าสู่พื้นที่ spatial computing ไม่จำเป็นต้องมีประสบการณ์ด้าน AR หรือกราฟิก 3 มิติก่อน แม้ว่าความเข้าใจพื้นฐานเกี่ยวกับ HTML และ JavaScript จะมีประโยชน์ก็ตาม เริ่มอ่านวันนี้เพื่อสร้างประสบการณ์ augmented reality บนเบราว์เซอร์ครั้งแรกของคุณ