近日，微信小程序官方上線了 XR-FRAME Beta 版開(kāi)發(fā)文檔。官方介紹稱 xr-frame 是一套小程序官方提供的 XR/3D 應(yīng)用解決方案，基于混合方案實(shí)現(xiàn)，性能逼近原生、效果好、易用、強(qiáng)擴(kuò)展、漸進(jìn)式、遵循小程序開(kāi)發(fā)標(biāo)準(zhǔn)。

圖源：網(wǎng)頁(yè)截圖

比起目前的 Canvas 組件，xr-frame 有以下顯著的優(yōu)勢(shì)：

• 高度整合，上手簡(jiǎn)單：提供 xml 的方式來(lái)描述 3D 場(chǎng)景，并集成了 AR、物理、動(dòng)畫、粒子、后處理等等系統(tǒng)，上手簡(jiǎn)單，符合小程序開(kāi)發(fā)規(guī)范；

• 渲染效果好：內(nèi)置完整的 PBR 效果、環(huán)境光照、陰影，原生支持 glTF 資源，提供的 xr-frame-cli 可以快速通過(guò)全景圖生成環(huán)境數(shù)據(jù)；

• 高性能：混合方案，渲染性能逼近原生，xr-frame-cli 可以對(duì)外部 glTF 文件進(jìn)行優(yōu)化，來(lái)提高加載性能，還有完善的緩存機(jī)制保證二次進(jìn)入的加載性能；

• 易擴(kuò)展：擴(kuò)展性強(qiáng)，從資源到組件元素，皆可以由高階用戶自己定制，未來(lái)還可以暴露內(nèi)部的渲染管線定制能力。

圖源：微信小程序

目前微信小程序官方在該框架下展示的功能案例包括基礎(chǔ)案例、glTF 案例、AR 案例、典型案例、掃描還原案例和高級(jí)定制。

其中 AR 案例主要借助手機(jī)攝像頭實(shí)現(xiàn)虛實(shí)疊加，包括 Camera AR 相機(jī)渲染、Basic AR 平面識(shí)別、2DMarker AR 2DMarker、OSDMarker AR OSDMarker、Face AR 人臉、Hand AR 人手、Body AR 人體。

可通過(guò)微信掃描下方二維碼，查看更多官方框架案例功能（要求微信版本8.0.28+）：

圖源：微信小程序

最后，小程序官方表示目前 xr-frame 仍然存在一些限制，但會(huì)在未來(lái)被解決。同時(shí)未來(lái)還會(huì)追加更多的能力，在未來(lái)的規(guī)劃中，還會(huì)著重致力于：

• 將 xr-frame 的標(biāo)簽和小程序 UI 標(biāo)簽無(wú)縫集成，讓開(kāi)發(fā)者可以在 xr-frame 組件中寫 UI，來(lái)實(shí)現(xiàn)一套酷炫的 UI 系統(tǒng)；
• AR/VR 能力增強(qiáng)；
• 交互手段進(jìn)一步強(qiáng)化，物理碰撞、觸發(fā)等功能；
• 工具能力強(qiáng)化，包括標(biāo)簽屬性自動(dòng)補(bǔ)全等。