SceneKit绘制XZ平面无限网格（仿Xcode场景编辑器效果）

你遇到的边界问题不是SCNFloor几何本身的限制——SCNFloor本质是无限延伸的平面，边界来自绑定材质时的固定UV采样范围，只要绕开原生UV映射就能实现无边界网格，以下是经过验证的可行方案：

方案1：自定义片元着色器（效果最好、性能最高，和Xcode编辑器效果一致） #

直接保留SCNFloor几何，给材质挂载shader modifier，在片元着色阶段直接读取世界空间XZ坐标计算网格，完全绕开几何体自带的UV边界：

• 核心逻辑是对世界坐标的X、Z值按网格步长取模，判断片元是否落在网格线上，直接输出颜色，不存在采样边界
• 自动适配缩放，用fwidth计算抗锯齿，不会出现近粗远细或者锯齿问题
• 加距离淡出逻辑，避免远处网格出现摩尔纹、闪烁
  示例shader代码（绑定到SCNShaderModifierEntryPoint.fragment入口即可）：

// 网格配置参数
const float minorGridStep = 1.0;  // 细网格单格边长
const float majorGridStep = 10.0; // 粗网格单格边长
const float lineWidth = 0.05;     // 网格线基础宽度

// 计算当前片元的世界空间坐标
vec4 worldPosition = u_inverseViewTransform * vec4(_surface.position, 1.0);
vec2 xzCoord = worldPosition.xz;

// 计算细网格线
vec2 minorGrid = abs(fract(xzCoord / minorGridStep - 0.5) - 0.5) / fwidth(xzCoord / minorGridStep);
float minorLine = min(minorGrid.x, minorGrid.y);
float minorAlpha = 1.0 - min(minorLine, 1.0);

// 计算粗网格线
vec2 majorGrid = abs(fract(xzCoord / majorGridStep - 0.5) - 0.5) / fwidth(xzCoord / majorGridStep);
float majorLine = min(majorGrid.x, majorGrid.y);
float majorAlpha = 1.0 - min(majorLine, 1.0);

// 距离淡出，避免远处闪烁
float camDist = length(_surface.position);
float fadeFactor = clamp(1.0 - camDist / 120.0, 0.0, 1.0);

// 混合输出颜色
vec3 finalColor = mix(vec3(0.25), vec3(0.75), majorAlpha);
float finalAlpha = max(minorAlpha * 0.3, majorAlpha) * fadeFactor;
_surface.diffuse = vec4(finalColor, finalAlpha);

材质配置注意项：

• 将材质的cullMode设为.none开启双面渲染
• 关闭writesToDepthBuffer，避免网格挡住半透明物体
• 将渲染顺序设为100以后，保证网格在所有不透明物体之后渲染

方案2：相机跟随贴片网格（无需写着色器，适合快速实现） #

如果不想写自定义着色器，可以用大平面+位置跟随的方案模拟无限网格：

• 生成一个长宽足够覆盖相机远裁剪面视锥范围的SCNPlane，旋转到XZ平面作为网格载体
• 给平面的网格材质设置wraps/wrapt为.repeat开启UV重复
• 每帧更新平面位置，将平面的X、Z坐标和相机当前X、Z坐标对齐，Y轴固定在网格高度，保证相机永远处于平面中心，不会看到平面边缘
• 平面移动时同步偏移材质的contentOffset，让网格看起来固定在世界空间，不会跟着平面移动
  这个方案的缺点是需要根据相机远裁剪面大小调整平面尺寸，如果视距拉到极大还是可能看到边缘。

方案3：动态生成视锥内网格线（适合需要交互的场景） #

如果需要实现网格吸附、选中格高亮这类交互，可以用动态生成几何的方案：

• 每帧根据相机当前位置、视锥范围，计算当前视野内可见的网格线顶点
• 用这些顶点组装SCNGeometry生成线框网格，只渲染可见范围内的线条
• 相机移动时刷新顶点数据即可
  这个方案性能开销最高，逻辑也最复杂，普通展示场景不推荐用。

注意：所有方案都建议加基于相机距离的透明度淡出，和Xcode Scene Editor的网格视觉效果对齐，同时避免远处网格过密导致的渲染闪烁。

内容的提问来源于stack exchange，提问作者Krishnan PA