P5JS Chaos Game

Chaos game to make the Sierpinski triangle between 3 points.

by asemahle

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/0.5.5/p5.js"></script>

JavaScript

var a;
var b;
var c;
var z;
var speed = 10;
function setup() {
  createCanvas(400, 400);
  background(0);
  
  a = createVector(0, height);
  b = createVector(width/2, 0);
  c = createVector(width, height);
  z = createVector(random(width), random(height));
  
  point(a.x, a.y);
  point(b.x, b.y);
  point(c.x, c.y);
  point(z.x, z.y);
  stroke('white');
}

function draw() {
	for (var i = 0; i < speed; i++) {
  	selectedPoint = random([a, b, c]);
    z = createVector((z.x + selectedPoint.x) / 2, (z.y + selectedPoint.y) / 2);
    point(z.x, z.y);
  }
}