Seznam JS leták #2

by Ondřej Žára

HTML

<!doctype html>
<html>
    <body>
        <canvas id="canvas" width="500" height="500"></canvas>
        <script>
            Array.prototype.random = function() { 
                return this[Math.floor(Math.random()*this.length)]; 
            }
            var $ = function(id) { return document.getElementById(id); }
        </script>
    </body>
</html>

JavaScript

var c = $("canvas");
var vertices = [ [0,0], [0,c.height], [c.width,0] ];
var p = [0, 0];
c = c.getContext("2d");
var i = 1e5;

while (i--) {
  var v = vertices.random();
  p = [(p[0]+v[0])/2, (p[1]+v[1])/2];
  c.fillRect(p[0], p[1], 1, 1);
}