Noise Grid

PHOTO EMBED

Sat Jan 08 2022 14:22:30 GMT+0000 (UTC)

Saved by @lmoore1218 #undefined

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);
content_copyCOPY

https://codepen.io/winkerVSbecks/pen/YzNRaLP