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 January 20, 2016 16:47
Random
function setup() {
createCanvas(400,400);
}
function draw() {
var x = random(width);
var y = random(height);
fill(127,10);
stroke(100,90);
@claytical
claytical / sketch.js
Created January 20, 2016 16:45
Frame Count for Color
var r = 0;
function setup() {
createCanvas(400,400);
}
function draw() {
background(255);
r = frameCount%255;
fill(r, 0, 0);
@claytical
claytical / sketch.js
Created January 20, 2016 16:37
Frame Count
var r = 400;
function setup() {
createCanvas(400,400);
}
function draw() {
background(0,0,0);
var r = 50 + (frameCount%30);
@claytical
claytical / p5.js
Created January 20, 2016 16:36
Multiplying
var r = 400;
function setup() {
createCanvas(400,400);
}
function draw() {
background(0,0,0);
ellipse(width/2, height/2, r, r);
@claytical
claytical / sketch.js
Created January 20, 2016 16:35
Adding
var x = 0;
function setup() {
createCanvas(400,400);
/* variables declared inside of a function are
only available in that specific function.
*/
}
function draw() {
@claytical
claytical / sketch.js
Created January 20, 2016 16:33
Global and Local Variables
/* variables declared outside of functions are
are called "global" as they can be referred to
anywhere. */
var g_variable = 50;
function setup() {
createCanvas(400,400);
/* variables declared inside of a function are
only available in that specific function.
@claytical
claytical / sketch.js
Created November 17, 2015 17:10
Simple Bouncing Ball
var balls = [];
var gravity = .1;
function setup() {
createCanvas(windowWidth,windowHeight);
}
function draw() {
background(255,255,255);
@claytical
claytical / sketch.js
Created November 17, 2015 16:29
Simple Circle Collision
var balls = [];
function setup() {
createCanvas(windowWidth,windowHeight);
x = width/2;
y = height/2;
}
function draw() {
background(255,255,255);
@claytical
claytical / sketch.js
Created November 17, 2015 16:25
Simple p5.play collision
var player;
var enemy;
var angle;
var speed;
function setup() {
createCanvas(windowWidth,windowHeight);
player = createSprite(0, 0, 50, 50);
enemy = createSprite(width/2, height/2, 100, 100);
@claytical
claytical / sketch.js
Created November 17, 2015 16:18
Simple p5.play Example
var sprite;
var angle;
var speed;
function setup() {
createCanvas(windowWidth,windowHeight);
sprite = createSprite(width/2, height/2, 50, 50);
speed = 1;
angle = 270;
}