收藏
回答

AR功能使用three的TextureLoader加载的纹理贴图导致画面无限镜像闪烁?

使用AR功能时,加载了自定义的纹理贴图,在识别后导致摄像头画面无限镜像闪烁,去掉后一切正常,其它代码没有贴出来,同官方示例相同,唯一区别在于官方示例展示一个小机器人,问题代码想要展示两个平面贴图,而且两个贴图感觉也很怪异,不是一起动

const plane = new THREE.PlaneGeometry(1010)
const texture = new THREE.TextureLoader().load("/static/ar-js/a.png");
const planeMaterial = new THREE.MeshBasicMaterial({
  map: texture,
  side: THREE.DoubleSide
})
texture.minFilter = THREE.LinearFilter
const mesh = new THREE.Mesh(plane, planeMaterial)
const plane2 = new THREE.PlaneGeometry(1010)
const texture2 = new THREE.TextureLoader().load("/static/ar-js/abc.jpg");
const planeMaterial2 = new THREE.MeshBasicMaterial({
 map: texture2,
 side: THREE.DoubleSide
})
texture2.minFilter = THREE.LinearFilter
const mesh2 = new THREE.Mesh(plane2, planeMaterial2)
mesh2.position.set(00.6)
const g = new THREE.Group();
g.rotateX(Math.PI / 2)
g.add(mesh)
g.add(mesh2)
scene.add(g)
回答关注问题邀请回答
收藏

1 个回答

  • Demons
    Demons
    2022-09-06

    请具体描述问题出现的流程,并提供能复现问题的简单代码片段(https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html)。

    2022-09-06
    有用
    回复 16
    • 大白
      大白
      2022-09-06
      感谢回复,测试图片如图,需要安装npm(依赖threejs-miniprogram)
      2022-09-06
      回复
    • Demons
      Demons
      2022-09-06回复大白
      ok
      2022-09-06
      回复
    • 偏执狂
      偏执狂
      2022-09-13回复大白
      哥们解决了嘛
      2022-09-13
      回复
    • 大白
      大白
      2022-09-23回复偏执狂
      等官方呢
      2022-09-23
      回复
    • 大白
      大白
      2022-09-28回复偏执狂
      通过网络搜索,将gl_Position = vec4(p, 1);  修改为gl_Position = vec4(p.x, p.y, -1, 1);
      2022-09-28
      1
      回复
    查看更多(11)
登录 后发表内容