How to recreate this spiral effect?

Questions
4

Something like that:
https://jsfiddle.net/prisoner849/4gnm8bw3/

var radius = 10;
var turns = 3;
var objPerTurn = 30;

var angleStep = (Math.PI * 2) / objPerTurn;
var heightStep = 0.5;

var geom = new THREE.BoxBufferGeometry(2, 3, 0.1);

for (let i = 0; i < turns * objPerTurn; i++) {
  let plane = new THREE.Mesh(geom, new THREE.MeshBasicMaterial({
    color: Math.random() * 0x888888 + 0x888888
  }));
  
  // position
  plane.position.set(
    Math.cos(angleStep * i) * radius,
    heightStep * i,
    Math.sin(angleStep * i) * radius
  );
  
  // rotation
  plane.rotation.y = - angleStep * i;
  
  scene.add(plane);
}
9 Likes