无论是 AR 换脸、扫描平面获得 AR 游戏,还是扫描特定图片进行 AR 交互,这些以往只能在特定应用中实现的功能,现在都可以在微信小程序中轻松完成。 然而,在 3.5.6 版本基础库中,部分开发者在使用 XRFrame 创建 3D 场景时遇到了点击偏移的问题。XR-FRAME 点击事件不是以画布的左上角为原点,而是以屏幕的左上角为...
XR-FRAME是一套整合方案,其整合了小程序底层自研的高性能渲染引擎以及VisionKit视觉算法能力,同时提供了在小程序开发体系基础下、最大灵活性的方案。 分享 收藏 赞1讲师的个人技术历程XR领域现状XR-FRAME:小程序平台+XR能力官方文档和落地场景创作者视角:寻找生产内容XR-FRAME的常见问题解答 去交流专区提问 小程序 了...
effect也是material 的一个属性,他表示一种特效或者视觉效果,比如闪烁、水流、烟雾等,在xrframe中,目前可供使用的只有:简单无光照效果的simple和标准物理渲染效果的standard uniforms则是一个参数列表,对渲染时需要的诸多参数进行定义 本文我们会详细讲解xrframe目前支持的uniforms的属性,及这些属性的含义 2.demo的实现 g...
为了让粒子在区域内随机生成,position需要增加一些随机数。xr-frame还提供了一些便利的属性,方便你不需要编写自定义发射器也能实现复杂的效果: 动画:particleComponent提供了很多方法,可以像写CSS的keyframe一样设置粒子各属性的变化(如颜色、透明度)。 渲染模式 RenderMode:用于控制粒子的朝向。 动画粒子:支持粒子材质为...
在有了xr-frame框架后，AR技术的加入就为微信小程序带来了更多的可能性。在传统的电商购物中，消费者只能依赖商家展示的图片/视频进行购物决策，难免会出现最终购买的商品不合心意的情况，而AR应用在电商领域的最大优势，就是颠覆了传统电商平台的商品展示模式，特别是在诸如服装试穿、珠宝穿戴、美妆试用等领域更是...
本文讲解demo:基础案例/交互 (https://github.com/dtysky/xr-frame-demo/tree/master/miniprogram/pages/scene-basic-touch),对应官方小程序(名字:小程序示例)的交互动画/xrframe/基础案例/交互 效果如下,有两个mesh:地球和月球,拖动地球可以旋转,拖动月球可以自由定位,地月在拖动时都会有轮廓 ...
但是另一方面，对微信开放出来的小程序XR能力，我的态度是：积极跟进、谨慎乐观。并不是说单靠微信开放一个XR能力，就能开启又一个新的技术风口。XR-Frame与更早之前出现的基于网页的虚拟现实框架A-Frame很相似，都是采用类HTML的描述式语言来营造3D世界。好处就是结合微信庞大的用户量，开发一些小美应用传播起来会...
const gltfElement = scene.createElement(xrFrameSystem.XRGLTF); 获取shadowRoot节点:通过scene.getElementById方法获取shadowRoot节点,这个节点是动态节点管理的关键: this.shadowRoot = scene.getElementById('shadow-root'); 将节点加入shadowRoot:使用shadowRoot的addChild方法将新创建的节点加入到shadowRoot中: this...
微信小程序XR-FRAME初体验 前言 从本月18号开始,接触微信小程序的AR模块,至今快两周了。 做了许多尝试,不得不说,文档是真的敷衍,而且社区生态也很糟糕。 很难想象,在社区搜到的东西,点进去是空的,直接服务器报错。 也不知道是删掉了,还是删掉了。