Method buildLayers

assets/main.js:2441–2509

()

  }

  buildLayers() {
    const inputGeometry = new THREE.BoxGeometry(
      this.options.inputNodeSize,
      this.options.inputNodeSize,
      this.options.inputNodeSize,
    );
    const hiddenGeometry = new THREE.SphereGeometry(this.options.hiddenNodeRadius, 16, 16);
    // Test with MeshBasicMaterial for hidden/output neurons (no lighting influence)
    const hiddenBaseMaterial = new THREE.MeshBasicMaterial();
    hiddenBaseMaterial.toneMapped = false;

    const layerCount = this.mlp.architecture.length;
    const totalWidth = (layerCount - 1) * this.options.layerSpacing;
    const startX = -totalWidth / 2;

    this.clearOutputLabels();
    this.mlp.architecture.forEach((neuronCount, layerIndex) => {
      const layerX = startX + layerIndex * this.options.layerSpacing;
      const positions = this.computeLayerPositions(layerIndex, neuronCount, layerX);
      const isOutputLayer = layerIndex === layerCount - 1;

      if (layerIndex === 0) {
        const material = new THREE.MeshLambertMaterial();
        material.emissive.setRGB(0.08, 0.08, 0.08);
        const mesh = new THREE.InstancedMesh(inputGeometry, material, neuronCount);
        mesh.instanceMatrix.setUsage(THREE.DynamicDrawUsage);
        const colorAttribute = new THREE.InstancedBufferAttribute(new Float32Array(neuronCount * 3), 3);
        colorAttribute.setUsage(THREE.DynamicDrawUsage);
        mesh.instanceColor = colorAttribute;

        positions.forEach((position, instanceIndex) => {
          this.tempObject.position.copy(position);
          this.tempObject.updateMatrix();
          mesh.setMatrixAt(instanceIndex, this.tempObject.matrix);
          mesh.setColorAt(instanceIndex, this.tempColor.setRGB(0.15, 0.15, 0.15));
        });

        mesh.instanceMatrix.needsUpdate = true;
        mesh.instanceColor.needsUpdate = true;
        this.scene.add(mesh);
        this.layerMeshes.push({ mesh, positions, type: "input", layerIndex });
      } else {
        const material = hiddenBaseMaterial.clone();
        // Clone geometry per mesh so each InstancedMesh can have its own instanceColor attribute
        const geometry = hiddenGeometry.clone();
        const mesh = new THREE.InstancedMesh(geometry, material, neuronCount);
        mesh.instanceMatrix.setUsage(THREE.DynamicDrawUsage);
        const colorAttribute = new THREE.InstancedBufferAttribute(new Float32Array(neuronCount * 3), 3);
        colorAttribute.setUsage(THREE.DynamicDrawUsage);
        mesh.instanceColor = colorAttribute;

        positions.forEach((position, instanceIndex) => {
          this.tempObject.position.copy(position);
          this.tempObject.updateMatrix();
          mesh.setMatrixAt(instanceIndex, this.tempObject.matrix);
          mesh.setColorAt(instanceIndex, this.tempColor.setRGB(0.15, 0.15, 0.15));
        });