Method createMesh

assets/main.js:2073–2098

(connections)

    });

    const createMesh = (connections) => {
      if (!connections.length) return null;
      const mesh = new THREE.InstancedMesh(baseGeometry.clone(), connectionMaterial.clone(), connections.length);
      mesh.instanceMatrix.setUsage(THREE.DynamicDrawUsage);
      const colorAttribute = new THREE.InstancedBufferAttribute(new Float32Array(connections.length * 3), 3);
      colorAttribute.setUsage(THREE.DynamicDrawUsage);
      mesh.instanceColor = colorAttribute;
      connections.forEach((connection, index) => {
        const direction = connection.targetPosition.clone().sub(connection.sourcePosition);
        const length = direction.length();
        if (length <= 0) {
          return;
        }
        const midpoint = connection.sourcePosition.clone().addScaledVector(direction, 0.5);
        this.tempObject.position.copy(midpoint);
        this.tempQuaternion.setFromUnitVectors(this.upVector, direction.clone().normalize());
        this.tempObject.quaternion.copy(this.tempQuaternion);
        this.tempObject.scale.set(1, length, 1);
        this.tempObject.updateMatrix();
        mesh.setMatrixAt(index, this.tempObject.matrix);
        mesh.setColorAt(index, this.tempColor.setRGB(0.8, 0.8, 0.8));
      });
      mesh.instanceMatrix.needsUpdate = true;
      mesh.instanceColor.needsUpdate = true;
      return mesh;
    };

    if (data.incoming.length) {
      const mesh = createMesh(data.incoming);