Metaballs

import {
  ShaderMount,
  metaballsFragmentShader,
  getShaderColorFromString,
  getShaderNoiseTexture,
} from '@paper-design/shaders';

const container = document.querySelector('#canvas-container');

const shader = new ShaderMount(container, metaballsFragmentShader, {
  u_colorBack: [0, 0, 0, 1],
  u_colors: [
    [0.431, 0.200, 0.800, 1],
    [1, 0.333, 0, 1],
    [1, 0.753, 0.020, 1],
    [1, 0.784, 0, 1],
    [0.961, 0.522, 1, 1],
  ],
  u_colorsCount: 5,
  u_count: 10,
  u_size: 0.83,
  u_noiseTexture: getShaderNoiseTexture(),
});