Method constructor

assets/main.js:1855–1903

(mlp, options)

class NeuralVisualizer {
  constructor(mlp, options) {
    this.mlp = mlp;
    this.options = Object.assign(
      {
        layerSpacing: 5.5,
        inputSpacing: 0.24,
        hiddenSpacing: 0.95,
        outputSpacing: 0.95,
        inputNodeSize: 0.18,
        hiddenNodeRadius: 0.22,
        maxConnectionsPerNeuron: 24,
        connectionRadius: 0.005,
        connectionWeightThreshold: 0,
        outputLabelOffset: 0.65,
        outputLabelScale: 0.48,
        showFpsOverlay: false,
      },
      options || {},
    );
    this.focusChangeCallback =
      typeof this.options.onNeuronFocusChange === "function" ? this.options.onNeuronFocusChange : null;
    delete this.options.onNeuronFocusChange;
    this.layerMeshes = [];
    this.connectionGroups = [];
    this.selectionConnectionGroups = [];
    this.tempObject = new THREE.Object3D();
    this.tempColor = new THREE.Color();
    this.tempQuaternion = new THREE.Quaternion();
    this.upVector = new THREE.Vector3(0, 1, 0);
    this.highlightColor = new THREE.Color(0x4da6ff);
    this.outputLabels = [];
    this.selectedNeuron = null;
    this.lastDisplayActivations = null;
    this.lastNetworkActivations = null;
    this.lastPreActivations = null;
    this.currentSelectionDetail = null;
    this.selectionCylinderGeometry = null;
    this.selectionConnectionRadiusMultiplier = 1.2;
    this.selectionConnectionData = null;
    this.selectionGlowSprite = null;
    this.maxConnectionWeightMagnitude = 0;
    this.raycaster = new THREE.Raycaster();
    this.pointerVector = new THREE.Vector2();
    this.pointerDown = null;
    this.initThreeScene();
    this.buildLayers();
    this.buildConnections();
    this.animate();
  }

  initThreeScene() {
    this.scene = new THREE.Scene();