小程序
小游戏
企业微信
微信支付
扫描小程序码分享
目标图片识别成功了,虚拟物图片也显示出来了,但是被拉伸成了正方形,原图不是正方形。
我只是把官方指南的示例的虚拟物图片换成了baidu logo图片。
2 个回答
加粗
标红
插入代码
插入链接
插入图片
上传视频
我在<xr-mesh>上设置了scale解决了:
<xr-mesh ... scale="1 0.1 0.5">
文档太乱没找到scale的文档瞎填的。
你好,麻烦通过点击下方“反馈信息”按钮,提供出现问题的。
看一下指南,应该是样式问题,参考案例:https://github.com/dtysky/xr-frame-demo/tree/master/miniprogram/pages/template/xr-template-loading
可以放代码片段看看
<xr-scene ar-system="modes:Marker" bind:ready="handleReady">
<xr-assets bind:loaded="handleAssetsLoaded">
<xr-asset-load type="texture" asset-id="hikari" src="/images/baidu.png" />
<xr-asset-material asset-id="mat" effect="simple" uniforms="u_baseColorMap: hikari" />
</xr-assets>
<xr-node wx:if="{{loaded}}">
<xr-ar-tracker
mode="Marker"
src="https://mmbizwxaminiprogram-1258344707.cos.ap-guangzhou.myqcloud.com/xr-frame/demo/xr-frame-team/2dmarker/hikari.jpg"
>
<xr-mesh node-id="mesh-plane" geometry="plane" material="mat" />
</xr-ar-tracker>
</xr-node>
<xr-camera clear-color="0.4 0.8 0.6 1" background="ar" is-ar-camera />
</xr-scene>
关注后,可在微信内接收相应的重要提醒。
请使用微信扫描二维码关注 “微信开放社区” 公众号
我在<xr-mesh>上设置了scale解决了:
<xr-mesh ... scale="1 0.1 0.5">
文档太乱没找到scale的文档瞎填的。
看一下指南,应该是样式问题,参考案例:https://github.com/dtysky/xr-frame-demo/tree/master/miniprogram/pages/template/xr-template-loading
可以放代码片段看看
<xr-scene ar-system="modes:Marker" bind:ready="handleReady">
<xr-assets bind:loaded="handleAssetsLoaded">
<xr-asset-load type="texture" asset-id="hikari" src="/images/baidu.png" />
<xr-asset-material asset-id="mat" effect="simple" uniforms="u_baseColorMap: hikari" />
</xr-assets>
<xr-node wx:if="{{loaded}}">
<xr-ar-tracker
mode="Marker"
src="https://mmbizwxaminiprogram-1258344707.cos.ap-guangzhou.myqcloud.com/xr-frame/demo/xr-frame-team/2dmarker/hikari.jpg"
>
<xr-mesh node-id="mesh-plane" geometry="plane" material="mat" />
</xr-ar-tracker>
</xr-node>
<xr-camera clear-color="0.4 0.8 0.6 1" background="ar" is-ar-camera />
</xr-scene>