creator

Make one

start from

generator

falloff

mode

scale 1.00 Frequency. Past 2 structure drops below the pixel grid. aspect 1.00 Below 1 squashes horizontally, above 1 stretches vertically. warp 1.00 0 is clean, 2.5 is turbulence. contrast 1.00 Narrows the tonal window toward hard edges. speed 1.00 intensity 1.00 flow x 0.00 flow y 0.00 seed 0.00 fps 24.00

svelte component

<script lang="ts">
  import { createField } from '@dawitlabs/pixelfield';

  let canvas: HTMLCanvasElement;

  $effect(() => {
    const field = createField(canvas, {
      generator: 'noise',
      falloff: 'down',
      mode: 'fbm',
      scale: 1,
      aspect: 1,
      warp: 1,
      contrast: 1,
      speed: 1,
      intensity: 1,
      seed: 0,
      fps: 24,
      flow: { x: 0, y: 0 },
    });
    return () => field.destroy();
  });
</script>

<canvas bind:this={canvas} aria-hidden="true"></canvas>