很多时候我们会让交互和UI元素互相影响,但目前xr-frame尚未支持和小程序的UI元素混写(会在未来版本支持),但我们可以使用同层方案,而同层方案,就必然涉及到组件通信了。 xr-frame组件和父级的通信与传统组件基本一致,这里让我们用小程序的UI元素实现一下HUD。这里可能会有一些3D变换的知识,但不要紧,只是调用接口而...
xr-frame是一套小程序官方提供的XR/3D应用解决方案,基于混合方案实现,性能逼近原生、效果好、易用、强扩展、渐进式、遵循小程序开发标准: <xr-scene><xr-assets><!-- 加载一个GLTF模型 --><xr-asset-loadtype="gltf"asset-id="gltf-model"src="..."/></xr-assets><xr-envenv-data="..."/><xr-...
本文讲解demo:扫描还原案例/扫描渲染案例 (xr-frame-demo/miniprogram/components/xr-scan-render at master · dtysky/xr-frame-demo),对应官方小程序(名字:小程序示例)的交互动画/xrframe/扫描还原案例/扫描渲染案例 xrframe提供了很多在standard material下的uniforms参数,来提供各种能力更加真实的模拟物体材质,不论...
本文讲解demo:基础案例/交互 (https://github.com/dtysky/xr-frame-demo/tree/master/miniprogram/pages/scene-basic-touch),对应官方小程序(名字:小程序示例)的交互动画/xrframe/基础案例/交互 效果如下,有两个mesh:地球和月球,拖动地球可以旋转,拖动月球可以自由定位,地月在拖动时都会有轮廓 简化代码如下,我们以...
XR-FRAME 开始 xr-frame是一套小程序官方提供的XR/3D应用解决方案,基于混合方案实现,性能逼近原生、效果好、易用、强扩展、渐进式、遵循小程序开发标准。 在这一章中,我们将会带大家从头开始,用它构建一个XR小程序。 新建一个XR组件 首先创建项目,让我们选择小程序工程:...
不过受限于小程序的产品形态，微信XR目前暂不支持大型AR游戏体验。小程序官方表示目前XR-Frame仍然存在一些限制，但会在未来被解决，同时未来还会追加更多的能力，比如将XR-Frame的标签和小程序 UI标签无缝集成、AR/VR能力增强、交互手段进一步强化等。从XR文档的内容以及微信对XR-Frame的规划看，微信致力于为用户打造一...
简而言之，如今的小程序开发者已经习惯于轻量化，而xr-frame则代表着小程序开始逐步走向重度化，并且原生开发也将成为新的趋势。但技术路线的改变对于开发者而言无疑是件大事，即便微信想要拓展基于XR技术的新生态，开发者的支持同样是关键，如果缺乏开发者的支持，也就意味着XR技术将会缺少具体得以落地的应用，可没有...
通过 XR-Frame，虚拟 3D 人、3D 物、3D 场景都可以在小程序里进行完美呈现。用户以往乐此不疲的 AR 换脸、扫描平面获得 AR 游戏、扫描特定图片获得 AR 交互等，都可以在小程序中实现。目前微信小程序官方在该框架下展示的功能案例包括基础案例、glTF 案例、AR 案例、典型案例、扫描还原案例和高级定制。该框架应用...
不过,受限于小程序的产品形态,微信 XR 目前暂不支持大型 AR 游戏体验。小程序官方表示目前 xr-frame 仍然存在一些限制,但会在未来被解决,同时未来还会追加更多的能力,比如 AR/VR 能力增强、交互手段进一步强化等。