小编Tho*_*nik的帖子

我试图通过将带有柏林噪声的置换贴图应用于球体来创建小行星。除了球体的两极扭曲之外，一切都按预期工作。看起来好像极点上的顶点是断开的。

前视图：看起来符合预期 俯视图：看起来很丑;-)

起初，我认为这与我的置换贴图以及我将其应用于球面这一事实有关，但如果我将其应用于立方体，则面之间也会存在间隙。

我不确定，我能做些什么来弥补这些差距。在后面的步骤中，置换贴图一般应该通过渲染到纹理并使用随机种子生成噪声，因此我不能使用 Blender 或 Photoshop 等外部程序来修改置换贴图。我在着色器中做错了什么，还是这是“正常”行为？我能做些什么来避免这种情况吗？我读过立方体贴图。这可能是一个解决方案吗？如果是这样，是否有适用于 Three.js r57 或更高版本的工作示例？

这是我的着色器代码：

 vertexShader: [
    'uniform sampler2D displacementMap;',
    'varying vec3 vColor;',

    'void main() {',
        'vec4 newVertexPos;',
        'vec4 dv;',
        'float df;',

        'dv = texture2D( displacementMap, uv.xy );',
        'df = 0.30*dv.x + 0.59*dv.y + 0.11*dv.z;',
        '//newVertexPos = vec4(normal * df * 1.0, 0.0) + vec4( position, 1.0 );',
        'newVertexPos = vec4( normalize( position ) * df * 1.0 ) + vec4( position, 1.0 );', 
        'vColor = vec3( dv.x, dv.y, dv.z );',

        'gl_Position …