Skip to content

Instantly share code, notes, and snippets.

View claytical's full-sized avatar

Clay Ewing claytical

View GitHub Profile
@claytical
claytical / sketch.js
Created February 1, 2016 16:39
If, Else If, Else
var x;
var y;
var xSpeed;
var ySpeed;
function setup() {
createCanvas(windowWidth, windowHeight);
x = width/2;
y = height/2;
xSpeed = 0;
@claytical
claytical / sketch.js
Created February 1, 2016 16:24
If with and
function setup() {
createCanvas(500,500);
}
function draw() {
background(255,255,255);
if (mouseY > height/2 && mouseX > width/2) {
fill(255,0,0);
ellipse(width/2, height/2, 50, 50);
@claytical
claytical / sketch.js
Created February 1, 2016 16:19
If with Else
var c;
function setup() {
createCanvas(500,500);
c = color(255,255,255);
}
function draw() {
if (mouseY > height/2) {
c = color(255,0,0);
@claytical
claytical / sketch.js
Last active February 1, 2016 16:15
Multiple If Statements
var canDraw = false;
function setup() {
createCanvas(500,500);
background(255,255,0);
}
function draw() {
@claytical
claytical / sketch.js
Created February 1, 2016 16:07
Simple If Statement
function setup() {
createCanvas(500,500);
}
function draw() {
background(255,255,255);
if (mouseX > 250) {
ellipse(50,50,50,50);
}
}
@claytical
claytical / sketch.js
Created January 27, 2016 14:59
Circle Remap Values
function setup() {
createCanvas(windowWidth, windowHeight);
}
function draw() {
background(255);
var x = width/2;
var y = height/2;
var circleWidth = map(mouseX, 0, width, 0, 100);
var circleHeight = map(mouseX, 0, width, 0, 100);
@claytical
claytical / sketch.js
Created January 20, 2016 16:53
Logging Random
function setup() {
createCanvas(400,400);
}
function draw() {
console.log("Random Number Between 5 and 10: " + random(5,10));
}
@claytical
claytical / sketch.js
Created January 20, 2016 16:50
Logging
var something = "Hello";
function setup() {
createCanvas(400,400);
something = something + " World";
console.log(something);
}
@claytical
claytical / sketch.js
Created January 20, 2016 16:49
Random Rect Colors
function setup() {
createCanvas(400,400);
}
function draw() {
r = random(255);
g = random(255);
b = random(255);
x = random(width);
@claytical
claytical / sketch.js
Created January 20, 2016 16:48
Random Lines
var x;
var y;
var r;
var g;
var b;
function setup() {
createCanvas(400,400);
y = 0;
r = random(255);