การทำ WebXR Export สร้าง WebXR บน Unity เวอร์ชัน 2020.3.1F พร้อมติดตั้ง XR WebEmulator

1. WebXR UNITY 3D Virtual Reality ด้วย
WebXR

2. WebXR AUGMENTED REALITY
ทําการสร้าง New Project ขึ้น
มาใหม่ เป็น Templates 3D
หลังจากนั้นให้เรารอหน้าจอ
ประมวลผลให้เรียบร้อย

3. WebXR AUGMENTED REALITY
ไปที่เมนู File เลือก Build Settings…
หลังจากนั้นให้ Switch Platform เป็น WebGL
เลือก WebGL หลังจากนั้นเลือก Switch
Platform
ไปที่เมนู Windows หลังจากนั้นเลือก Package
Manager เพื่อติดตั้ง 3rd Party อีกตัวที่จะทําให้
Unity สามารถสร้าง WebXR สําหรับทดสอบ VR
ในฉากได้

4. WebXR AUGMENTED REALITY
https://github.com/De-Panther/unity-webxr-export
เราจะใช้ Library ตัวแรกของ WebXR ที่ชื่อว่า WebXR Export ไปใช้งานกับ Unity โดย
Repo ที่เราจะใช้งานนั้นมี URL ว่า:
https://github.com/De-Panther/unity-webxr-export.git?path=/Packages/webxr
กดเครื่องหมาย + ใน Package Manager แล้วเลือก
Add Package from git URL…
ใส่ URL ของ Repo ลงไป

5. WebXR AUGMENTED REALITY
กดเครื่องหมาย + ใน Package Manager แล้วเลือก Add Package from git URL…
ใส่ URL ของ Repo ลงไป รอบนี้ใช้ WebXR Interaction
https://github.com/De-Panther/unity-webxr-export.git?path=/Packages
/webxr-interactions

6. WebXR AUGMENTED REALITY
กดที่ WebXR Interactions แล้วไปที่ Samples กดดู Sample Scene หลังจากนั้น Import
ไปที่ Samples เลือก WebXR Interactions เลือก
0.12.0-preview หลังจากนั้นเลือกที่ Sample Scene
ไปที่ Folder ชื่อ Scenes แล้วเลือก Desert

7. WebXR AUGMENTED REALITY
ไปที่ File -> Build Settings…
แล้วไปที่ Player Settings...
ไปที่ Publishing Settings
ส่วนของ Compression Format เลือก Disabled
คลิกที่ XR Plug-in Management หลังจากนั้นให้ทําการ
Activate ส่วนของ WebXR

8. WebXR AUGMENTED REALITY
ไปที่ Window เลือก WebXR เลือก Copy WebGLTemplates
ไปที่ File -> Build Settings…
แล้วไปที่ Player Settings...
ไปที่ Resolution and Presentation เลือก WebGL Template
แล้วเลือก WebXRFullView2020

9. WebXR AUGMENTED REALITY
การทดสอบ WebXR ในเครื่องคอมพิวเตอร์ของตนเอง

10. WebXR AUGMENTED REALITY
ใช้เวลาสักพักหนึ่งจะเปิด Browser ขึ้นมาเป็น http://localhost เว็บที่เปิดได้แค่เครื่อง
เราเครื่องเดียว เราจะใช้ Emulator ของ WebXR มาใช่งานผ่าน Browser

11. WebXR AUGMENTED REALITY
เปิดเว็บ ดาวน์โหลดติดตั้ง Plug-in ของ Chrome หรือ Edge ที่
https://chrome.google.com/webstore/detail/webxr-api-em
ulator/mjddjgeghkdijejnciaefnkjmkafnnje?hl=en
การใช้งานให้เปิดผ่าน Developer Mode
บน Browser

12. WebXR AUGMENTED REALITY

13. WebXR AUGMENTED REALITY

14. WebXR AUGMENTED REALITY
หากมี Website อยู่แล้ว
ให้ FTP โยนไฟล์ขึ้นไปบน Hosting ของ Website ก็สามารถส่งเว็บไซต์เป็น WebXR
ให้ผู้อื่นเล่นได้เลย การนําโมเดลไปใช้ให้เกิดการ หยิบจับได้ให้ตั้งค่า Inspector มี
RigidBody, Collider และ Mouse Drag ก็สามารถหยิบจับของได้แล้ว

15. AR FOUNDATION World Scale Augmented Reality