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);
Preview:
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