xr-frame是一套小程序官方提供的XR/3D应用解决方案,基于混合方案实现,性能逼近原生、效果好、易用、强扩展、渐进式、遵循小程序开发标准。 很多时候我们会让交互和UI元素互相影响,但目前xr-frame尚未支持和小程序的UI元素混写(会在未来版本支持),但我们可以使用同层方案,而同层方案,就必然涉及到组件通信了。 xr-frame组件和父级的通信与传统组件基本一致,这里让我们用小程序的UI元素实现一下HUD。这里可能会有一些3D变换的知识,但不要紧,只是调用接口而已。 图片 虚拟 x 现实,追加AR能力 到这里,我们实现了3D场景的渲染和交互,但框架毕竟是叫做XR-frame,所以接下来我们就用内置的AR系统来改造一下这个场景,让它具有AR能力吧。 下面就让我们用xr-frame内置的分享系统来完成这个功能: ......
微信上线XR小程序 XR-FRAME 微信小程序官方上线了 XR-Frame Beta 版开发文档。 XR-Frame 是微信官方提供的一套 XR/3D 应用解决方案,基于混合方案实现,具有性能高、效果好、易用、扩展性强、渐进等特点,而且遵循小程序开发标准。
在小程序页面的json文件中引入 XR - FRAME 相关组件,例如在index.json中添加:json{ "usingComponents": { "xr-frame": "path/to /xr-frame", "xr-scene": "path/to/xr-scene", "xr-assets": "path/to/xr-assets", "xr-asset-load xr-mesh", "xr-camera": "path/to/xr-camera" }}三、代码实现(一)页面结构(index.wxml)创建一个 XR 场景,包含灯光、相机、模型等元素:xml<xr-frame texture" asset-id="waifu" src="https://mmbizwxaminiprogram-1258344707.cos.ap-guangzhou.mygcloud.com/xr-frame xr-camera position="0 1 4" target="cube" clear-color="0.4 0.8 0.6 1" camera-orbit-control /> </xr-scene></xr-frame
dingdeyang 2781788 基于微信小程序云开发的 XR 小程序 Demo 结合微信小程序云开发和XR-FRAME框架创建XR小程序,全函数代码完成。
此外,为了提高开发的效能,微信官方提供一套 XR/3D 应用解决方案:XR-Frame 。此方案基于混合方案实现,具有性能高、效果好、易用、扩展性强、渐进等特点,而且遵循小程序开发标准。
此外,为了提高开发的效能,微信官方提供一套 XR/3D 应用解决方案:XR-Frame 。此方案基于混合方案实现,具有性能高、效果好、易用、扩展性强、渐进等特点,而且遵循小程序开发标准。