嘿，这个需求完全可以在Babylon.js里实现！针对你提到的《Paladins》式穿墙盟友轮廓效果，我整理了几种实用的方案：

方案1：修改HighlightLayer的深度参数（最简单） #

默认的HighlightLayer会受场景深度缓冲区影响，导致被墙体遮挡的轮廓无法显示。我们只需要在创建图层时禁用深度测试和深度写入，就能让轮廓无视墙体遮挡：

// 创建高亮图层，禁用深度相关设置
const allyHighlightLayer = new BABYLON.HighlightLayer("allyHL", scene, {
  disableDepthTest: true,
  disableDepthWrite: true
});
// 添加盟友模型并设置轮廓颜色
allyHighlightLayer.addMesh(allyMesh, BABYLON.Color3.Green());

注意事项： #

• 这样设置后，轮廓会显示在所有物体上方，包括玩家自身模型。如果需要避免轮廓覆盖玩家，可以将玩家模型的renderingGroupId设为1（默认是0），让玩家模型在轮廓之后渲染：

  playerMesh.renderingGroupId = 1;
  

方案2：结合渲染层与后期处理（更灵活） #

如果需要更精细的控制（比如只让轮廓穿透特定类型的墙体），可以用渲染层分离盟友和场景物体，再通过后期处理叠加轮廓：

1. 创建专属渲染层：将盟友模型分配到单独的渲染层，墙体等遮挡物留在默认层

   // 给盟友模型设置渲染层掩码（第2层，从0开始计数）
   allyMesh.renderLayerMask = 1 << 1;
   

2. 创建自定义轮廓渲染逻辑：使用OutlineRenderer生成盟友轮廓，并禁用深度测试：

   const outlineRenderer = new BABYLON.OutlineRenderer(scene);
   // 添加盟友模型，设置轮廓颜色和宽度
   outlineRenderer.addMesh(allyMesh, BABYLON.Color3.Green(), 2);
   // 禁用深度测试，让轮廓穿墙
   outlineRenderer.effect.setFloat("disableDepthTest", 1);
   

3. 调整渲染顺序：确保轮廓在场景墙体之后渲染，避免被正常场景覆盖：

   outlineRenderer.renderingGroupId = 1;
   

方案3：模拟Paladins的半透+轮廓效果 #

如果你想要更贴近《Paladins》的效果（被遮挡时显示半透轮廓，未遮挡时正常显示），可以通过检测盟友是否被墙体遮挡来动态切换渲染状态：

1. 使用射线检测判断遮挡：

   function isAllyOccluded(allyMesh, camera) {
     const ray = new BABYLON.Ray(camera.position, allyMesh.position.subtract(camera.position).normalize());
     const hit = scene.pickWithRay(ray, mesh => mesh.isWall); // 假设墙体模型标记了isWall属性
     return hit && hit.distance < camera.position.subtract(allyMesh.position).length();
   }
   

2. 动态切换轮廓状态：

   scene.onBeforeRenderObservable.add(() => {
     const isOccluded = isAllyOccluded(allyMesh, camera);
     if (isOccluded) {
       allyHighlightLayer.addMesh(allyMesh, BABYLON.Color3.Green());
       allyMesh.visibility = 0.2; // 半透显示
     } else {
       allyHighlightLayer.removeMesh(allyMesh);
       allyMesh.visibility = 1;
     }
   });
   

这样就能实现类似《Paladins》的智能显示效果啦！

内容的提问来源于stack exchange，提问作者Andrew Feldman