@cosmos.gl/graph 2.6.0 → 2.6.2-rc.0

package/src/modules/Clusters/calculate-centermass.frag

@@ -1,9 +0,0 @@
-#ifdef GL_ES
-precision highp float;
-#endif
-
-varying vec4 rgba;
-
-void main() {
-  gl_FragColor = rgba;
-}

package/src/modules/Clusters/calculate-centermass.vert

@@ -1,26 +0,0 @@
-#ifdef GL_ES
-precision highp float;
-#endif
-
-uniform sampler2D positionsTexture;
-uniform sampler2D clusterTexture;
-uniform float pointsTextureSize;
-uniform float clustersTextureSize;
-
-attribute vec2 pointIndices;
-
-varying vec4 rgba;
-
-void main() {
-  vec4 pointPosition = texture2D(positionsTexture, pointIndices / pointsTextureSize);
-  rgba = vec4(pointPosition.xy, 1.0, 0.0);
-
-  vec4 pointClusterIndices = texture2D(clusterTexture, pointIndices / pointsTextureSize);
-  vec2 xy = vec2(0.0);
-  if (pointClusterIndices.x >= 0.0 && pointClusterIndices.y >= 0.0) {
-    xy = 2.0 * (pointClusterIndices.xy + 0.5) / clustersTextureSize - 1.0;
-  }
-  
-  gl_Position = vec4(xy, 0.0, 1.0);
-  gl_PointSize = 1.0;
-}

package/src/modules/Clusters/force-cluster.frag

@@ -1,39 +0,0 @@
-#ifdef GL_ES
-precision highp float;
-#endif
-
-uniform sampler2D positionsTexture;
-uniform sampler2D centermassTexture;
-uniform sampler2D clusterTexture;
-uniform sampler2D clusterPositionsTexture;
-uniform sampler2D clusterForceCoefficient;
-uniform float alpha;
-uniform float clustersTextureSize;
-uniform float clusterCoefficient;
-
-varying vec2 textureCoords;
-
-
-void main() {
-  vec4 pointPosition = texture2D(positionsTexture, textureCoords);
-  vec4 velocity = vec4(0.0);
-  vec4 pointClusterIndices = texture2D(clusterTexture, textureCoords);
-  // no cluster, so no forces
-  if (pointClusterIndices.x >= 0.0 && pointClusterIndices.y >= 0.0) {
-    // positioning points to custom cluster position or either to the center of mass
-    vec2 clusterPositions = texture2D(clusterPositionsTexture, pointClusterIndices.xy / clustersTextureSize).xy;
-    if (clusterPositions.x < 0.0 || clusterPositions.y < 0.0) {
-      vec4 centermassValues = texture2D(centermassTexture, pointClusterIndices.xy / clustersTextureSize);
-      clusterPositions = centermassValues.xy / centermassValues.b;
-    }
-    vec4 clusterCustomCoeff = texture2D(clusterForceCoefficient, textureCoords);
-    vec2 distVector = clusterPositions.xy - pointPosition.xy;
-    float dist = length(distVector);
-    if (dist > 0.0) {
-      float addV = alpha * dist * clusterCoefficient * clusterCustomCoeff.r;
-      velocity.rg += addV * normalize(distVector);
-    }
-  }
-
-  gl_FragColor = velocity;
-}

package/src/modules/Clusters/index.ts

@@ -1,200 +0,0 @@
-import regl from 'regl'
-import { CoreModule } from '@/graph/modules/core-module'
-import calculateCentermassFrag from '@/graph/modules/Clusters/calculate-centermass.frag'
-import calculateCentermassVert from '@/graph/modules/Clusters/calculate-centermass.vert'
-import forceFrag from '@/graph/modules/Clusters/force-cluster.frag'
-import { createQuadBuffer, createIndexesForBuffer } from '@/graph/modules/Shared/buffer'
-import clearFrag from '@/graph/modules/Shared/clear.frag'
-import updateVert from '@/graph/modules/Shared/quad.vert'
-
-export class Clusters extends CoreModule {
-  public centermassFbo: regl.Framebuffer2D | undefined
-  public clusterCount: number | undefined
-
-  private clusterFbo: regl.Framebuffer2D | undefined
-  private clusterPositionsFbo: regl.Framebuffer2D | undefined
-  private clusterForceCoefficientFbo: regl.Framebuffer2D | undefined
-  private clearCentermassCommand: regl.DrawCommand | undefined
-  private calculateCentermassCommand: regl.DrawCommand | undefined
-  private applyForcesCommand: regl.DrawCommand | undefined
-  private clusterTexture: regl.Texture2D | undefined
-  private clusterPositionsTexture: regl.Texture2D | undefined
-  private clusterForceCoefficientTexture: regl.Texture2D | undefined
-  private centermassTexture: regl.Texture2D | undefined
-  private pointIndices: regl.Buffer | undefined
-  private clustersTextureSize: number | undefined
-
-  public create (): void {
-    const { reglInstance, store, data } = this
-    const { pointsTextureSize } = store
-    if (data.pointsNumber === undefined || (!data.pointClusters && !data.clusterPositions)) return
-
-    // Find the highest cluster index in the array and add 1 (since cluster indices start at 0).
-    this.clusterCount = (data.pointClusters ?? []).reduce<number>((max, clusterIndex) => {
-      if (clusterIndex === undefined || clusterIndex < 0) return max
-      return Math.max(max, clusterIndex)
-    }, 0) + 1
-
-    this.clustersTextureSize = Math.ceil(Math.sqrt(this.clusterCount))
-
-    const clusterState = new Float32Array(pointsTextureSize * pointsTextureSize * 4)
-    const clusterPositions = new Float32Array(this.clustersTextureSize * this.clustersTextureSize * 4).fill(-1)
-    const clusterForceCoefficient = new Float32Array(pointsTextureSize * pointsTextureSize * 4).fill(1)
-    if (data.clusterPositions) {
-      for (let cluster = 0; cluster < this.clusterCount; ++cluster) {
-        clusterPositions[cluster * 4 + 0] = data.clusterPositions[cluster * 2 + 0] ?? -1
-        clusterPositions[cluster * 4 + 1] = data.clusterPositions[cluster * 2 + 1] ?? -1
-      }
-    }
-
-    for (let i = 0; i < data.pointsNumber; ++i) {
-      const clusterIndex = data.pointClusters?.[i]
-      if (clusterIndex === undefined) {
-        // no cluster, so no forces
-        clusterState[i * 4 + 0] = -1
-        clusterState[i * 4 + 1] = -1
-      } else {
-        clusterState[i * 4 + 0] = clusterIndex % this.clustersTextureSize
-        clusterState[i * 4 + 1] = Math.floor(clusterIndex / this.clustersTextureSize)
-      }
-
-      if (data.clusterStrength) clusterForceCoefficient[i * 4 + 0] = data.clusterStrength[i] ?? 1
-    }
-
-    if (!this.clusterTexture) this.clusterTexture = reglInstance.texture()
-    this.clusterTexture({
-      data: clusterState,
-      shape: [pointsTextureSize, pointsTextureSize, 4],
-      type: 'float',
-    })
-    if (!this.clusterFbo) this.clusterFbo = reglInstance.framebuffer()
-    this.clusterFbo({
-      color: this.clusterTexture,
-      depth: false,
-      stencil: false,
-    })
-
-    if (!this.clusterPositionsTexture) this.clusterPositionsTexture = reglInstance.texture()
-    this.clusterPositionsTexture({
-      data: clusterPositions,
-      shape: [this.clustersTextureSize, this.clustersTextureSize, 4],
-      type: 'float',
-    })
-    if (!this.clusterPositionsFbo) this.clusterPositionsFbo = reglInstance.framebuffer()
-    this.clusterPositionsFbo({
-      color: this.clusterPositionsTexture,
-      depth: false,
-      stencil: false,
-    })
-
-    if (!this.clusterForceCoefficientTexture) this.clusterForceCoefficientTexture = reglInstance.texture()
-    this.clusterForceCoefficientTexture({
-      data: clusterForceCoefficient,
-      shape: [pointsTextureSize, pointsTextureSize, 4],
-      type: 'float',
-    })
-    if (!this.clusterForceCoefficientFbo) this.clusterForceCoefficientFbo = reglInstance.framebuffer()
-    this.clusterForceCoefficientFbo({
-      color: this.clusterForceCoefficientTexture,
-      depth: false,
-      stencil: false,
-    })
-
-    if (!this.centermassTexture) this.centermassTexture = reglInstance.texture()
-    this.centermassTexture({
-      data: new Float32Array(this.clustersTextureSize * this.clustersTextureSize * 4).fill(0),
-      shape: [this.clustersTextureSize, this.clustersTextureSize, 4],
-      type: 'float',
-    })
-    if (!this.centermassFbo) this.centermassFbo = reglInstance.framebuffer()
-    this.centermassFbo({
-      color: this.centermassTexture,
-      depth: false,
-      stencil: false,
-    })
-
-    if (!this.pointIndices) this.pointIndices = reglInstance.buffer(0)
-    this.pointIndices(createIndexesForBuffer(store.pointsTextureSize))
-  }
-
-  public initPrograms (): void {
-    const { reglInstance, store, data, points } = this
-    if (data.pointClusters === undefined) return
-
-    if (!this.clearCentermassCommand) {
-      this.clearCentermassCommand = reglInstance({
-        frag: clearFrag,
-        vert: updateVert,
-        framebuffer: () => this.centermassFbo as regl.Framebuffer2D,
-        primitive: 'triangle strip',
-        count: 4,
-        attributes: { vertexCoord: createQuadBuffer(reglInstance) },
-      })
-    }
-    if (!this.calculateCentermassCommand) {
-      this.calculateCentermassCommand = reglInstance({
-        frag: calculateCentermassFrag,
-        vert: calculateCentermassVert,
-        framebuffer: () => this.centermassFbo as regl.Framebuffer2D,
-        primitive: 'points',
-        count: () => data.pointsNumber ?? 0,
-        attributes: {
-          pointIndices: {
-            buffer: this.pointIndices,
-            size: 2,
-          },
-        },
-        uniforms: {
-          positionsTexture: () => points?.previousPositionFbo,
-          pointsTextureSize: () => store.pointsTextureSize,
-          clusterTexture: () => this.clusterFbo,
-          clustersTextureSize: () => this.clustersTextureSize,
-        },
-        blend: {
-          enable: true,
-          func: {
-            src: 'one',
-            dst: 'one',
-          },
-          equation: {
-            rgb: 'add',
-            alpha: 'add',
-          },
-        },
-        depth: { enable: false, mask: false },
-        stencil: { enable: false },
-      })
-    }
-    if (!this.applyForcesCommand) {
-      this.applyForcesCommand = reglInstance({
-        frag: forceFrag,
-        vert: updateVert,
-        framebuffer: () => points?.velocityFbo as regl.Framebuffer2D,
-        primitive: 'triangle strip',
-        count: 4,
-        attributes: { vertexCoord: createQuadBuffer(reglInstance) },
-        uniforms: {
-          positionsTexture: () => points?.previousPositionFbo,
-          clusterTexture: () => this.clusterFbo,
-          centermassTexture: () => this.centermassFbo,
-          clusterPositionsTexture: () => this.clusterPositionsFbo,
-          clusterForceCoefficient: () => this.clusterForceCoefficientFbo,
-          alpha: () => store.alpha,
-          clustersTextureSize: () => this.clustersTextureSize,
-          clusterCoefficient: () => this.config.simulationCluster,
-        },
-      })
-    }
-  }
-
-  public calculateCentermass (): void {
-    this.clearCentermassCommand?.()
-    this.calculateCentermassCommand?.()
-  }
-
-  public run (): void {
-    if (!this.data.pointClusters && !this.data.clusterPositions) return
-    this.calculateCentermass()
-    this.applyForcesCommand?.()
-  }
-}

package/src/modules/Drag/index.ts

@@ -1,33 +0,0 @@
-import { drag } from 'd3-drag'
-import { Store } from '@/graph/modules/Store'
-import { GraphConfigInterface } from '@/graph/config'
-
-export class Drag {
-  public readonly store: Store
-  public readonly config: GraphConfigInterface
-  public isActive = false
-  public behavior = drag<HTMLCanvasElement, undefined>()
-    .subject((event) => {
-      return this.store.hoveredPoint && !this.store.isSpaceKeyPressed ? { x: event.x, y: event.y } : undefined
-    })
-    .on('start', (e) => {
-      if (this.store.hoveredPoint) {
-        this.store.draggingPointIndex = this.store.hoveredPoint.index
-        this.isActive = true
-        this.config?.onDragStart?.(e)
-      }
-    })
-    .on('drag', (e) => {
-      this.config?.onDrag?.(e)
-    })
-    .on('end', (e) => {
-      this.isActive = false
-      this.store.draggingPointIndex = undefined
-      this.config?.onDragEnd?.(e)
-    })
-
-  public constructor (store: Store, config: GraphConfigInterface) {
-    this.store = store
-    this.config = config
-  }
-}

package/src/modules/FPSMonitor/css.ts

@@ -1,53 +0,0 @@
-export const benchCSS = `
-  #gl-bench {
-    position:absolute;
-    right:0;
-    top:0;
-    z-index:1000;
-    -webkit-user-select: none;
-    -moz-user-select: none;
-    user-select: none;
-  }
-  #gl-bench div {
-    position: relative;
-    display: block;
-    margin: 4px;
-    padding: 0 7px 0 10px;
-    background: #5f69de;
-    border-radius: 15px;
-    cursor: pointer;
-    opacity: 0.9;
-  }
-  #gl-bench svg {
-    height: 60px;
-    margin: 0 -1px;
-  }
-  #gl-bench text {
-    font-size: 12px;
-    font-family: Helvetica,Arial,sans-serif;
-    font-weight: 700;
-    dominant-baseline: middle;
-    text-anchor: middle;
-  }
-  #gl-bench .gl-mem {
-    font-size: 9px;
-  }
-  #gl-bench line {
-    stroke-width: 5;
-    stroke: #112211;
-    stroke-linecap: round;
-  }
-  #gl-bench polyline {
-    fill: none;
-    stroke: #112211;
-    stroke-linecap: round;
-    stroke-linejoin: round;
-    stroke-width: 3.5;
-  }
-  #gl-bench rect {
-    fill: #8288e4;
-  }
-  #gl-bench .opacity {
-    stroke: #8288e4;
-  }
-`

package/src/modules/FPSMonitor/index.ts

@@ -1,28 +0,0 @@
-
-import { select } from 'd3-selection'
-import GLBench from 'gl-bench/dist/gl-bench'
-import { benchCSS } from './css'
-
-export class FPSMonitor {
-  private bench: GLBench | undefined
-
-  public constructor (canvas: HTMLCanvasElement) {
-    this.destroy()
-    const gl = (canvas.getContext('webgl') || canvas.getContext('experimental-webgl')) as WebGL2RenderingContext
-    this.bench = new GLBench(gl, { css: benchCSS })
-  }
-
-  public begin (): void {
-    this.bench?.begin('frame')
-  }
-
-  public end (now: number): void {
-    this.bench?.end('frame')
-    this.bench?.nextFrame(now)
-  }
-
-  public destroy (): void {
-    this.bench = undefined
-    select('#gl-bench').remove()
-  }
-}

package/src/modules/ForceCenter/calculate-centermass.frag

@@ -1,9 +0,0 @@
-#ifdef GL_ES
-precision highp float;
-#endif
-
-varying vec4 rgba;
-
-void main() {
-  gl_FragColor = rgba;
-}

package/src/modules/ForceCenter/calculate-centermass.vert

@@ -1,18 +0,0 @@
-#ifdef GL_ES
-precision highp float;
-#endif
-
-uniform sampler2D positionsTexture;
-uniform float pointsTextureSize;
-
-attribute vec2 pointIndices;
-
-varying vec4 rgba;
-
-void main() {
-  vec4 pointPosition = texture2D(positionsTexture, pointIndices / pointsTextureSize);
-  rgba = vec4(pointPosition.xy, 1.0, 0.0);
-
-  gl_Position = vec4(0.0, 0.0, 0.0, 1.0);
-  gl_PointSize = 1.0;
-}

package/src/modules/ForceCenter/force-center.frag

@@ -1,27 +0,0 @@
-#ifdef GL_ES
-precision highp float;
-#endif
-
-uniform sampler2D positionsTexture;
-uniform sampler2D centermassTexture;
-uniform float centerForce;
-uniform float alpha;
-
-varying vec2 textureCoords;
-
-
-void main() {
-  vec4 pointPosition = texture2D(positionsTexture, textureCoords);
-  vec4 velocity = vec4(0.0);
-  vec4 centermassValues = texture2D(centermassTexture, vec2(0.0));
-  vec2 centermassPosition = centermassValues.xy / centermassValues.b;
-  vec2 distVector = centermassPosition - pointPosition.xy;
-  float dist = sqrt(dot(distVector, distVector));
-  if (dist > 0.0) {
-    float angle = atan(distVector.y, distVector.x);
-    float addV = alpha * centerForce * dist * 0.01;
-    velocity.rg += addV * vec2(cos(angle), sin(angle));
-  }
-
-  gl_FragColor = velocity;
-}

package/src/modules/ForceCenter/index.ts

@@ -1,104 +0,0 @@
-import regl from 'regl'
-import { CoreModule } from '@/graph/modules/core-module'
-import calculateCentermassFrag from '@/graph/modules/ForceCenter/calculate-centermass.frag'
-import calculateCentermassVert from '@/graph/modules/ForceCenter/calculate-centermass.vert'
-import forceFrag from '@/graph/modules/ForceCenter/force-center.frag'
-import { createQuadBuffer, createIndexesForBuffer } from '@/graph/modules/Shared/buffer'
-import clearFrag from '@/graph/modules/Shared/clear.frag'
-import updateVert from '@/graph/modules/Shared/quad.vert'
-
-export class ForceCenter extends CoreModule {
-  private centermassFbo: regl.Framebuffer2D | undefined
-  private clearCentermassCommand: regl.DrawCommand | undefined
-  private calculateCentermassCommand: regl.DrawCommand | undefined
-  private runCommand: regl.DrawCommand | undefined
-  private centermassTexture: regl.Texture2D | undefined
-  private pointIndices: regl.Buffer | undefined
-
-  public create (): void {
-    const { reglInstance, store } = this
-    if (!this.centermassTexture) this.centermassTexture = reglInstance.texture()
-    this.centermassTexture({
-      data: new Float32Array(4).fill(0),
-      shape: [1, 1, 4],
-      type: 'float',
-    })
-    if (!this.centermassFbo) this.centermassFbo = reglInstance.framebuffer()
-    this.centermassFbo({
-      color: this.centermassTexture,
-      depth: false,
-      stencil: false,
-    })
-
-    if (!this.pointIndices) this.pointIndices = reglInstance.buffer(0)
-    this.pointIndices(createIndexesForBuffer(store.pointsTextureSize))
-  }
-
-  public initPrograms (): void {
-    const { reglInstance, config, store, data, points } = this
-    if (!this.clearCentermassCommand) {
-      this.clearCentermassCommand = reglInstance({
-        frag: clearFrag,
-        vert: updateVert,
-        framebuffer: () => this.centermassFbo as regl.Framebuffer2D,
-        primitive: 'triangle strip',
-        count: 4,
-        attributes: { vertexCoord: createQuadBuffer(reglInstance) },
-      })
-    }
-    if (!this.calculateCentermassCommand) {
-      this.calculateCentermassCommand = reglInstance({
-        frag: calculateCentermassFrag,
-        vert: calculateCentermassVert,
-        framebuffer: () => this.centermassFbo as regl.Framebuffer2D,
-        primitive: 'points',
-        count: () => data.pointsNumber ?? 0,
-        attributes: {
-          pointIndices: {
-            buffer: this.pointIndices,
-            size: 2,
-          },
-        },
-        uniforms: {
-          positionsTexture: () => points?.previousPositionFbo,
-          pointsTextureSize: () => store.pointsTextureSize,
-        },
-        blend: {
-          enable: true,
-          func: {
-            src: 'one',
-            dst: 'one',
-          },
-          equation: {
-            rgb: 'add',
-            alpha: 'add',
-          },
-        },
-        depth: { enable: false, mask: false },
-        stencil: { enable: false },
-      })
-    }
-    if (!this.runCommand) {
-      this.runCommand = reglInstance({
-        frag: forceFrag,
-        vert: updateVert,
-        framebuffer: () => points?.velocityFbo as regl.Framebuffer2D,
-        primitive: 'triangle strip',
-        count: 4,
-        attributes: { vertexCoord: createQuadBuffer(reglInstance) },
-        uniforms: {
-          positionsTexture: () => points?.previousPositionFbo,
-          centermassTexture: () => this.centermassFbo,
-          centerForce: () => config.simulationCenter,
-          alpha: () => store.alpha,
-        },
-      })
-    }
-  }
-
-  public run (): void {
-    this.clearCentermassCommand?.()
-    this.calculateCentermassCommand?.()
-    this.runCommand?.()
-  }
-}

package/src/modules/ForceGravity/force-gravity.frag

@@ -1,27 +0,0 @@
-#ifdef GL_ES
-precision highp float;
-#endif
-
-uniform sampler2D positionsTexture;
-uniform float gravity;
-uniform float spaceSize;
-uniform float alpha;
-
-varying vec2 textureCoords;
-
-void main() {
-  vec4 pointPosition = texture2D(positionsTexture, textureCoords);
-
-  vec4 velocity = vec4(0.0);
-
-  vec2 centerPosition = vec2(spaceSize / 2.0);
-  vec2 distVector = centerPosition - pointPosition.rg;
-  float dist = sqrt(dot(distVector, distVector));
-  if (dist > 0.0) {
-    float angle = atan(distVector.y, distVector.x);
-    float additionalVelocity = alpha * gravity * dist * 0.1;
-    velocity.rg += additionalVelocity * vec2(cos(angle), sin(angle));
-  }
-
-  gl_FragColor = velocity;
-}

package/src/modules/ForceGravity/index.ts

@@ -1,33 +0,0 @@
-import regl from 'regl'
-import { CoreModule } from '@/graph/modules/core-module'
-import forceFrag from '@/graph/modules/ForceGravity/force-gravity.frag'
-import { createQuadBuffer } from '@/graph/modules/Shared/buffer'
-import updateVert from '@/graph/modules/Shared/quad.vert'
-
-export class ForceGravity extends CoreModule {
-  private runCommand: regl.DrawCommand | undefined
-
-  public initPrograms (): void {
-    const { reglInstance, config, store, points } = this
-    if (!this.runCommand) {
-      this.runCommand = reglInstance({
-        frag: forceFrag,
-        vert: updateVert,
-        framebuffer: () => points?.velocityFbo as regl.Framebuffer2D,
-        primitive: 'triangle strip',
-        count: 4,
-        attributes: { vertexCoord: createQuadBuffer(reglInstance) },
-        uniforms: {
-          positionsTexture: () => points?.previousPositionFbo,
-          gravity: () => config.simulationGravity,
-          spaceSize: () => store.adjustedSpaceSize,
-          alpha: () => store.alpha,
-        },
-      })
-    }
-  }
-
-  public run (): void {
-    this.runCommand?.()
-  }
-}

package/src/modules/ForceLink/force-spring.ts

@@ -1,73 +0,0 @@
-export function forceFrag (maxLinks: number): string {
-  return `
-#ifdef GL_ES
-precision highp float;
-#endif
-
-uniform sampler2D positionsTexture;
-uniform float linkSpring;
-uniform float linkDistance;
-uniform vec2 linkDistRandomVariationRange;
-
-uniform sampler2D linkInfoTexture; // Texture storing first link indices and amount
-uniform sampler2D linkIndicesTexture;
-uniform sampler2D linkPropertiesTexture; // Texture storing link bias and strength
-uniform sampler2D linkRandomDistanceTexture;
-
-uniform float pointsTextureSize;
-uniform float linksTextureSize;
-uniform float alpha;
-
-varying vec2 textureCoords;
-
-const float MAX_LINKS = ${maxLinks}.0;
-
-void main() {
-  vec4 pointPosition = texture2D(positionsTexture, textureCoords);
-  vec4 velocity = vec4(0.0);
-
-  vec4 linkInfo = texture2D(linkInfoTexture, textureCoords);
-  float iCount = linkInfo.r;
-  float jCount = linkInfo.g;
-  float linkAmount = linkInfo.b;
-  if (linkAmount > 0.0) {
-    for (float i = 0.0; i < MAX_LINKS; i += 1.0) {
-      if (i < linkAmount) {
-        if (iCount >= linksTextureSize) {
-          iCount = 0.0;
-          jCount += 1.0;
-        }
-        vec2 linkTextureIndex = (vec2(iCount, jCount) + 0.5) / linksTextureSize;
-        vec4 connectedPointIndex = texture2D(linkIndicesTexture, linkTextureIndex);
-        vec4 biasAndStrength = texture2D(linkPropertiesTexture, linkTextureIndex);
-        vec4 randomMinDistance = texture2D(linkRandomDistanceTexture, linkTextureIndex);
-        float bias = biasAndStrength.r;
-        float strength = biasAndStrength.g;
-        float randomMinLinkDist = randomMinDistance.r * (linkDistRandomVariationRange.g - linkDistRandomVariationRange.r) + linkDistRandomVariationRange.r;
-        randomMinLinkDist *= linkDistance;
-
-        iCount += 1.0;
-
-        vec4 connectedPointPosition = texture2D(positionsTexture, (connectedPointIndex.rg + 0.5) / pointsTextureSize);
-        float x = connectedPointPosition.x - (pointPosition.x + velocity.x);
-        float y = connectedPointPosition.y - (pointPosition.y + velocity.y);
-        float l = sqrt(x * x + y * y);
-
-        // Apply the link force
-        l = max(l, randomMinLinkDist * 0.99);
-        l = (l - randomMinLinkDist) / l;
-        l *= linkSpring * alpha;
-        l *= strength;
-        l *= bias;
-        x *= l;
-        y *= l;
-        velocity.x += x;
-        velocity.y += y;
-      }
-    }
-  }
-
-  gl_FragColor = vec4(velocity.rg, 0.0, 0.0);
-}
-  `
-}