# 從 ThreeJs 邁向 WebXR： 建構未來網頁的沉浸體驗 - 吳睿誠

{%hackmd @JSDC2024/INuUpOqWS42gD1_pz5S4Bg %}

Slido：
https://app.sli.do/event/3F4DwNRHoUXHfugaSN3AKG
> 開始做筆記

Ray 貓
[ray-realms.com](https://ray-realms.com/)
熊熊出任務

Web GL

Web GPU
- 支援現在 GPU

å
Three.js
Aframe -> 用 HTML 來開發 3D
8th Wall
- SLAM - Simultaneuous Localization and Mapping

實例
- 鄭月妹老師 AR 場景
- 昨天才剛完成

@react-tree
- fiber
- drei

Vision Pro - 可以啟動 JS WebXR

Theatre.js
- Animator 可以操作動畫

## Q & A
作品裡比較複雜的人物是怎麼匯入到 JS 裡的？
- VR Royed
- Blender 壓縮模型
- 流量模型
- 拆解多個模型載入

您的網站很酷，請問所有的 3d 物件都是自己設計的嗎？還是我可以向其他人購買授權？
- 花錢請建模師幫忙設計，版權是自己的

請問在設計這些不管是網頁或是 3D 物件，靈感是如何來的？還是有專門的設計師負責？
- 愛玩遊戲，取得靈感
- 完全開發設計的

如果沒碰過webGL，會推薦從哪個library入手呢?
- 如先進入 C++ + Python
- Three.js 比較大宗，被其他專案與 library 使用

開發時有遇過效能上的瓶頸嗎？
- 有
- 研究 Blender
- 偵測使用者偵率

請問用 threejs or unity 等開發 AR/VR 有什麼優缺點嗎？例如效能或是兼容性等等
- Unity 可開發輸出 WebGL
- 但要交互網頁很困難
- 小型網頁可以用 Three.js
- AR / VR, Unity 可以跨平台
- 純遊戲可使用 Unity

> 聊天區
>