p5js @ntsutae birds noise sin cos

<!DOCTYPE html>
<html>

<head>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/0.10.2/p5.js"></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/0.10.2/addons/p5.sound.min.js"></script>
  <meta charset="utf-8" />
  <meta name="author" content="https://twitter.com/ntsutae/status/1205038586036281346">
  <style>
        html,
        body {
            margin: 0;
            padding: 0;
        }
        
        canvas {
            display: block;
        }
  </style>
</head>

<body>

function draw() {
            background(0)
            F++
            translate(H = W / 2, H)
            scale(0.1)
            for (i = 0; i < 480; i++) {
                x = (noise(i - F) - 0.5) * 1000
                y = H + 80 - i
                scale(1.01)
                stroke(map(i, 0, 480, 255, 32))
                for (j = 2, r = sin((i + F) * 0.1) * PI / 4; j--; r = PI - r)
                    line(x, y, x + cos(r) * 10, y + sin(r) * 10)
            }
        }
    </script>

</body>

</html>

https://cdnjs.cloudflare.com/ajax/libs/p5.js/0.10.2/p5.js

https://cdnjs.cloudflare.com/ajax/libs/p5.js/0.10.2/addons/p5.sound.min.js