Sceneform中自定义Planedetector图片重复问题及对象放置定位指针实现方案咨询

嘿，我完全懂你遇到的麻烦——想用自定义平面检测图做定位指针，结果图片重复铺满整个平面，改wrap属性也没解决，确实挺闹心的。其实不用死磕Planedetector的Image设置，有几个更灵活靠谱的方法能实现这个精确定位指针的功能，我给你拆解一下：

这个思路最简单：不修改平面的默认纹理，单独创建一个Node来承载指针，让它跟着平面检测的结果实时移动。

• 步骤拆解：
  1. 先把你的指针图片转换成Sceneform能用的纹理和材质，重点要关闭纹理重复：

     // 加载指针纹理
     val pointerTexture = Texture.builder().setSource(context, R.drawable.your_pointer_img).build()
     // 创建自定义材质，强制关闭纹理重复
     val pointerMaterial = Material.builder()
         .setSource(context, R.raw.default_material)
         .build()
         .apply {
             setTexture("baseColor", pointerTexture)
             // 核心：设置纹理不重复，用CLAMP_TO_EDGE模式
             setFloatParameter("baseColorTextureWrapModeS", Texture.WrapMode.CLAMP_TO_EDGE)
             setFloatParameter("baseColorTextureWrapModeT", Texture.WrapMode.CLAMP_TO_EDGE)
             // 如果指针有透明背景，记得开启alpha支持
             setFloatParameter("baseColorFactor", Color(1f, 1f, 1f, 1f))
         }
     

  2. 用ShapeNode或者ViewRenderable承载指针：
     • 用ShapeNode（适合静态指针）：

       // 创建一个薄平面作为指针的载体，大小按需调整
       val pointerShape = ShapeFactory.makeCube(Vector3(0.2f, 0.001f, 0.2f), Vector3.zero(), pointerMaterial)
       val pointerNode = Node()
       pointerNode.renderable = pointerShape
       // 把指针节点加到AR场景的根节点
       arFragment.arSceneView.scene.addChild(pointerNode)
       

     • 用ViewRenderable（适合带动画/复杂UI的指针）：

       ViewRenderable.builder()
           .setView(context, R.layout.layout_custom_pointer) // 自定义布局，比如带旋转动画的指针
           .build()
           .thenAccept { renderable ->
               val pointerNode = Node()
               pointerNode.renderable = renderable
               arFragment.arSceneView.scene.addChild(pointerNode)
               // 后续更新位置逻辑
           }
       

  3. 实时更新指针位置：
     如果你想让指针跟着手指移动（不用点击），可以在onTouchEvent里处理实时命中检测：

     override fun onTouchEvent(event: MotionEvent): Boolean {
         val frame = arFragment.arSceneView.arFrame ?: return super.onTouchEvent(event)
         val hits = frame.hitTest(event)
         for (hit in hits) {
             val trackable = hit.trackable
             if (trackable is Plane && trackable.isPoseInPolygon(hit.hitPose)) {
                 // 更新指针的位置和旋转，让它贴合平面
                 pointerNode.worldPosition = hit.hitPose.translation
                 pointerNode.worldRotation = hit.hitPose.rotation
                 break
             }
         }
         return super.onTouchEvent(event)
     }
     

     如果只需要点击定位，用arFragment.setOnTapArPlaneListener就行，逻辑类似。

要是你希望指针直接和平面视觉融合，不想单独显示节点，可以自定义平面的渲染逻辑，只在目标位置绘制指针，而不是替换整个平面纹理。

• 核心步骤：
  1. 继承默认的PlaneRenderer，重写draw方法，在绘制完平面后额外绘制指针：

     public class CustomPlaneRenderer extends PlaneRenderer {
         private Bitmap pointerBitmap;
         private Paint pointerPaint;
     
         public CustomPlaneRenderer(Context context) {
             super(context);
             // 加载指针图片
             pointerBitmap = BitmapFactory.decodeResource(context.getResources(), R.drawable.your_pointer);
             pointerPaint = new Paint(Paint.ANTI_ALIAS_FLAG);
             pointerPaint.setFilterBitmap(true);
         }
     
         @Override
         public void draw(Frame frame, Session session, DisplayTransform displayTransform, Camera camera) {
             // 先绘制默认的平面纹理
             super.draw(frame, session, displayTransform, camera);
             // 假设你已经通过触摸事件获取了当前要显示指针的hitPose
             if (currentTargetHitPose != null) {
                 // 将3D世界坐标转换成屏幕坐标
                 Vector3 screenPoint = camera.worldToScreenPoint(currentTargetHitPose.getTranslation());
                 Canvas canvas = displayTransform.getCanvas();
                 if (canvas != null) {
                     int pointerSize = 120; // 指针大小，按需调整
                     // 在屏幕对应位置绘制指针
                     canvas.drawBitmap(pointerBitmap,
                         screenPoint.x - pointerSize/2,
                         screenPoint.y - pointerSize/2,
                         pointerPaint);
                 }
             }
         }
     }
     

  2. 在ArFragment中替换默认的平面渲染器：

     arFragment.arSceneView.planeRenderer = CustomPlaneRenderer(requireContext())
     

如果需要用户点击平面后固定指针位置，后续放置3D物体时以这个指针为基准，可以用Anchor来实现——Anchor会自动跟随平面的更新调整位置，不会出现偏移。

• 实现代码：

  arFragment.setOnTapArPlaneListener { hitResult, plane, motionEvent ->
      // 创建Anchor，绑定到点击的平面位置
      val anchor = hitResult.createAnchor()
      val anchorNode = AnchorNode(anchor)
      anchorNode.setParent(arFragment.arSceneView.scene)
      
      // 创建指针节点，挂在AnchorNode下
      val pointerNode = Node()
      pointerNode.setParent(anchorNode)
      pointerNode.renderable = yourPointerRenderable // 提前准备好的指针Renderable
      // 调整指针位置，让它刚好贴在平面上（避免被平面遮挡）
      pointerNode.localPosition = Vector3(0f, 0.001f, 0f)
  }
  

为什么之前的方法行不通？ #

原来的Planedetector Image是用来填充整个检测到的平面的纹理，即使你修改了wrap属性，Sceneform还是会把纹理平铺覆盖整个平面区域，所以才会出现重复图案。而上面的方法都是单独处理指针元素，完全避开了这个问题。

内容的提问来源于stack exchange，提问作者Bazil Baachu