Preview:
const simplex = new SimplexNoise();

​

const settings = {

  animate: true,

  duration: ,

  scaleToView: true,

  scaleToFit: true
8
};

​

// const glyphs = ['↑', '↗', '→', '↘', '↓', '↙', '←', '↖', '✳'];

// const glyphs = ['◧', '◨', '◩', '◪', '■', '□', '⬒', '⬓', '⬕'];

const glyphs = ["¤", "✳", "●", "◔", "○", "◕", "◐", "◑", "◒"];

​

canvasSketch(() => {

  const gridSize = ;

  const frequency = 1 / (gridSize * 2);

​

  return ({ context, width, height, playhead }) => {

    context.clearRect(0, 0, width, height);
20
    context.fillStyle = "#001";

    context.fillRect(0, 0, width, height);

​

    const time = Math.sin(playhead * 2 * Math.PI);
downloadDownload PNG downloadDownload JPEG downloadDownload SVG

Tip: You can change the style, width & colours of the snippet with the inspect tool before clicking Download!

Click to optimize width for Twitter