upd

src/drawer/3d.ts

@@ -1,7 +1,7 @@
 import {
   Drawer3dConfigInterface,
-  DrawerInterface, MouseClickListenerCallback,
-  ViewConfigInterface,
+  DrawerInterface,
+  MouseClickListenerCallback,
 } from '../types/drawer';
 import { ColorVector, TypesConfig, WorldConfig } from '../types/config';
 import { AtomInterface, LinkInterface } from '../types/atomic';
@@ -25,7 +25,6 @@ export class Drawer3d implements DrawerInterface {
   private readonly WORLD_CONFIG: WorldConfig;
   private readonly TYPES_CONFIG: TypesConfig;
   private readonly domElement: HTMLCanvasElement;
-  private readonly viewConfig: ViewConfigInterface;
   private readonly engine: Engine;
   private readonly scene: Scene;
   private readonly camera: UniversalCamera;

src/simulation.ts

@@ -18,6 +18,7 @@ export class Simulation implements SimulationInterface {
   private readonly linkManager: LinkManagerInterface;
   private readonly interactionManager: InteractionManagerInterface;
   private readonly clusterManager: ClusterManagerInterface;
+  private isRunning: boolean = false;
 
   constructor({
     worldConfig,
@@ -50,9 +51,14 @@ export class Simulation implements SimulationInterface {
   }
 
   start() {
+    this.isRunning = true;
     this.tick();
   }
 
+  stop() {
+    this.isRunning = false;
+  }
+
   private tick() {
     // const ts = Date.now();
     for (let i=0; i<this.worldConfig.PLAYBACK_SPEED; ++i) {
@@ -80,6 +86,9 @@ export class Simulation implements SimulationInterface {
     // console.log('tick spent', Date.now()-ts);
 
     this.drawer.draw(this.atoms, this.linkManager);
-    setTimeout(() => this.tick(), 10);
+
+    if (this.isRunning) {
+      setTimeout(() => this.tick(), 10);
+    }
   }
 }

src/types/simulation.ts

@@ -16,4 +16,5 @@ export type SimulationConfig = {
 
 export interface SimulationInterface {
   start(): void;
+  stop(): void;
 }