看使用场景,可以先确认已有模型动画相关的,xr-frame是否符合需求。 https://developers.weixin.qq.com/miniprogram/dev/component/xr-frame/gltf/specification.html 符合的话,大部份3D应用,都是可以实现的。
在小程序中开发3D或带有AR功能的应用时,是否只需要用到xr-frame就可实现?利用小程序的xr-frame框架能否实现three.js那样的3D应用?
2024-01-09看下控制台,有没有报错? 或者可以把模型私聊发我看下
在xr-frame中导入的模型但始终没有纹理?我怀疑是 glft 的问题, 但下载 glft 文件,有18兆,也有buffers 字段。 有人知道什么原因吗? [图片]
2024-01-09有一个基本一致的官方案例,里面的旋转缩放逻辑可以按需自定义 https://github.com/dtysky/xr-frame-demo/tree/master/miniprogram/components/template/xr-template-arPreview
关于XRFrame,[ BasicAR平面识别 ] 放置3d模型,如何手指控制模型的旋转缩放?【XRFrame】现在的需求是,在一个AR场景中可以放置不的3d模型(xr-gltf),3d模型可以通过手指缩放、旋转,翻遍了文档,也没有找到可以控制模型手指缩放、旋转的相关属性方法。在线求大佬指导! 模型相关代码片段: [图片] 现已实现整体效果:https://img.vrupup.com/web/szq/images/xr_video_02.mp4 想要实现的整体效果:https://img.vrupup.com/web/szq/images/xr_video_03.mp4
2024-01-09透明图片的渲染,需要设置渲染状态 ,开启混合,以及延后渲染顺序 alphaMode: BLEND,renderQueue: 2500 可以参考下这个透明图片面片的写法。 https://github.com/dtysky/xr-frame-demo/blob/master/miniprogram/components/template/xr-template-arui/index.wxml#L19
xr-frame如何将透明背景的图片添加到场景中,使用xr-mesh为什么最后图像有白色或黑色背景?xr-frame如何将透明背景的图片添加到场景中,使用xr-mesh为什么最后图像会有白色或黑色背景,开发工具上是黑色的,苹果手机上是白色的
2024-01-09这部分应该是分享的时候,会短暂离开小程序。 离开小程序,再回到小程序后,可能Android环境下的部分VisionKit相关配置的需要重新配置,这边需要找VisionKit相关的同学跟进。
使用XR-Frame官方demo中的平面AR识别跟随问题手机信息: OnePlus 9 微信版本:8.0.41 开发版 基础库: 3.1.5 现象:在Android手机上使用XR-Frame官方demo中的平面AR识别,分享后素材会有短暂的相机跟随,导致体验下滑,iOS手机上不会有此现象 利用轮询camera的position,依然无法很好的解决该问题,以下是尝试等待slam初始化的代码。 startSlamIdentifier(callback) { wx.showLoading({ title: '请移动一下手机' }) let count = 0; this.positionInterval = setInterval(() => { if (!this.camera) return; console.log('cameraPosition', this.camera.position.x, this.camera.position.y, this.camera.position.z); if (this.camera.position.x === 0 && this.camera.position.y === 0 && this.camera.position.z === 0) { count++; if (count >= 100) { clearInterval(this.positionInterval); wx.hideLoading(); wx.showModal({ title: '初始化失败', content: '您的手机有可能不支持空间定位', confirmText: '重试', cancelText: '退出', success: (res) => { if (res.confirm) { this.startSlamIdentifier(callback); } else if (res.cancel) { wx.navigateBack(); } } }) } } else if (this.showing) { clearInterval(this.positionInterval); setTimeout(() => { wx.hideLoading(); callback && callback(); }, 3000) } }, 300) }
2024-01-091. 视频解码器 https://developers.weixin.qq.com/miniprogram/dev/api/media/video-decoder/wx.createVideoDecoder.html 可能不支持mov的格式,可以直接转换为mp4来播放。 2. 正方形是因为你使用的渲染物体是正方形的。你可以改下具体渲染物体的scale来适配视频比例。(xr-frame示例的 多tracker 案例的视频,就有动态根据视频图片比例,缩放渲染物体的逻辑) 3. 客户端是不支持透明视频的解析的,如果要使用透明视频,可以参考,xr-frame示例的 常用定制 - 过滤黑色背景视频 https://github.com/dtysky/xr-frame-demo/tree/master/miniprogram/components/template/xr-template-removeBlack
XR-Frame视频纹理无法加载mov格式吗?<xr-assets bind:loaded="handleAssetsLoaded"> <xr-asset-load type="video-texture" asset-id="hikari" options="loop:true,autoPlay:true" src="http://192.168.109.110:9305/111.mov" /> <xr-asset-material asset-id="mat" effect="standard" uniforms="u_baseColorMap: video-hikari"/> </xr-assets> ... <xr-mesh node-id="mesh-plane" geometry="plane" material="mat" rotation="90 0 0"/> <xr-camera id="camera" position="0 1.5 4" target="mesh-plane" background="skybox" clear-color="0.4 0.8 0.6 1" camera-orbit-control /> xr-frame加载视频纹理的几个问题:请大佬指点一二 1.xr-asset-load无法加载mov格式的视频吗?这个src在我的浏览器访问是可以直接下载下来的 2.我这个mov视频是720*1280的,为啥出来的是一个正方形 3.mov格式加载出来背景是不是应该是透明的,如果不是透明,怎么让它和背景融合就是只有人不要有黑边 [图片][图片]
2024-01-09走的横屏还是竖屏? 这个宽高应该是yuv贴图本身的宽高。 具体使用,可以参考小程序示例里面,直接使用vk 在xr-frame渲染的流程 https://github.com/wechat-miniprogram/miniprogram-demo/blob/master/miniprogram/packageAPI/pages/ar/behavior/behavior-xrFrame.js
getARRawData返回的宽高固定而且宽大于高且选择了90度?调用getARRawData接口,发现返回的数据,固定宽1920,高1080(返回值里的宽高值),而且转换为图像后发现逆时针旋转了90度。 请问,如何处理才能导出正确的图像? 谢谢
2024-01-09没有复现。 其他ar案例会有类似问题? 是不是没有授权隐私协议?
AROSD无法打开相机ios版本 17.2 微信版本8.0.44 小程序官方组件展示小程序,交互动画 XRFrame的AR能力 OSDMarker无法打开相机
2024-01-09只能在真机预览,不能在工具中使用ar。 可以确认下,xr场景里面使用模式,是不是和ar-tracker里面的模式一致。 <xr-scene id="xr-scene" ar-system="modes:Marker"> 官方案例没有问题的话,可以参考最基础的ar案例来进行比对。
AR track mode Marker is not supported,请问是什么问题?按照官方文档写的示例,在给xr-scene添加`ar-system="modes:Marker"`后,报以下错误: ``` [xr-frame] Error: AR track mode Marker is not supported in current ar system now, ignore... ``` 截图如下: [图片] 无论是真机还是模拟器都如此。 拉取官方示例 https://github.com/dtysky/xr-frame-demo 是可以正常运行的,查看代码也没有看出什么不一样的地方。 请问这是什么原因导致的,还是什么配置不对吗?
2024-01-09这几个warning不影响渲染。 可以点开gltf的加载回调,看下具体返回对象里面的error信息。 目前截图没有显示具体的错误信息。 大部份情况,骨骼动画的glb都是没有问题的,一般出现问题的都是形变动画,形变目标太多的情况。 glb / gltf 在xr-frame会有使用要求,具体可以参考。 https://developers.weixin.qq.com/miniprogram/dev/component/xr-frame/gltf/specification.html
使用xr-frame加载有动画的glb文件,小程序提示错误?[图片]加载glb动画模型会提示这个错误,也加载显示不了对应的glb模型
2024-01-09