javascript - 如何随机化 Three.js 网格中顶点的长度？

Question

我正在尝试在 Three.js 中随机化网格，类似于 this我今天早些时候看到的 codepen(行星有某种扭曲/不规则的边缘)。我尝试在 codepen 中重现这种效果我制作了(通过从之前链接的代码笔中公然复制一些代码片段)并更改了参数以适合我的(请看第 56 行)。正如您所看到的，所需的效果没有出现并且破坏了代码。

这是不起作用的部分:

var noise = randomRange(1,5);
for(var i=0; i<Ico.vertices.length; i++){
      var v = Ico.vertices[i];
      v.x += -noise/2 + Math.random()*noise;
     v.y += -noise/2 + Math.random()*noise;
     v.z += -noise/2 + Math.random()*noise;
   };

这里有什么我没有考虑到的吗？非常感谢任何帮助。

Answer 1

这就是您解决问题的方法:

function randomRange(min,max) {
    return Math.floor(Math.random()*(max-min+1)+min);
}

//Geometry

var geometry = new THREE.IcosahedronGeometry(25, 3);

var noise = randomRange(1,5);
for(var i=0; i<geometry.vertices.length; i++){
  var v = geometry.vertices[i];
  v.x += -noise/2 + Math.random()*noise;
  v.y += -noise/2 + Math.random()*noise;
  v.z += -noise/2 + Math.random()*noise;
};

//Meshes

var Ico = new THREE.Mesh(geometry, cyanMat);
Ico.rotation.z = 0.5;