claytical

var x;
var y;
var easing;

function setup() {
	createCanvas(windowWidth, windowHeight);
	background(255);
	easing = .025;
	x = width/2;
	y = height/2;

claytical

var selectedBall;
var ballSizes;

function setup() {
	createCanvas(windowWidth, windowHeight); 
	selectedBall = 0;
	ballSizes = [40,50,30,20];
}

function draw() {

claytical

var selectedBall;
var ballSizes;

function setup() {
	createCanvas(windowWidth, windowHeight); 
	selectedBall = 0;
	ballSizes = [40,50,30,20];
}

function draw() {

claytical

var selectedBall;
var xCoordinates;
var yCoordinates;

function setup() {
	createCanvas(windowWidth, windowHeight); 
	selectedBall = 0;
	xCoordinates = [];
	yCoordinates = [];
}

claytical

var dots = [];

function setup() {
  createCanvas(windowWidth, windowHeight); 

  while(dots.length < 10) {
    dots.push(random(10,50));
  }

}

claytical

var dots = [];

function setup() {
  createCanvas(windowWidth, windowHeight); 

  for (var i = 0; i < 10; i++) {
    dots.push(random(10,50));
  }

}

claytical

function setup() {
  createCanvas(windowWidth, windowHeight); 
}

function draw() {

  background(0);
  noFill();
  stroke(255);

claytical

var xPoints = [];
var yPoints = []

function setup() {
  createCanvas(windowWidth, windowHeight); 
}

function draw() {

  background(0);

claytical

var ball = { 	x: 50,
				y: 50,
				diameter: 50
			};


function setup() {
  createCanvas(windowWidth, windowHeight); 
}

claytical

var Ball = function() {
	this.x = mouseX;
	this.y = mouseY;
	this.diameter = 10;
}

var balls = [];