Month: August 2018

code

function setup() {
    createCanvas(200, 200);
    background(220, 300, 30);
}

function draw() {
	background(220, 300, 30)
	//inside color
	fill(0, 200, 255);
	//border color
	stroke(20, 170, 60);
	ellipse(mouseX, mouseY, 50, 50);
}

dani_firstsketch

function setup() {
    createCanvas(200, 200);
    background(120, 100, 200);
}

function draw() {
	background(120, 100, 200);
	//inside color
	fill(200, 100, 250)
	//border color
	stroke(120, 200, 200)
	ellipse(mouseX, mouseY, 50, 50);
}

not sketch

function setup() {
    createCanvas(200, 200);
    background(220, 70, 53);
}

function draw() {
	fill(223, 45, 129);
	stroke(45, 20, 78);
	ellipse(mouseX, mouseY, 50, 50);
}

not sketch

function setup() {
    createCanvas(300, 300);
    background(220, 0, 0);
   
}

function draw() {
	background(220, 0, 0)
	fill(70, 200, 100)
	stroke(0, 255, 0)
 	ellipse(mouseX, mouseY, 50, 50);
}

not sketch

function setup() {
    createCanvas(200, 200);
    background(220, 0, 0);
    
}

function draw() {
	background(220, 0, 0);
	//inside color
	fill(255, 200, 200);
	//border color
	stroke(0, 255, 200);
	ellipse(mouseX, mouseY, 50, 50);
}

not sketch

function setup() {
    createCanvas(200, 200);
    background(220, 10, 255);
}

function draw() {
    background(220, 10, 255)
    //inside color
    fill(246, 20, 14)
    //border color
    stroke(0, 141, 194)
    ellipse(mouseX, mouseY, 25, 25)
}

not sketch

function setup() {
    createCanvas(300, 300);
    background(220, 10, 255);
}

function draw() {
    background(220, 10, 255)
    //inside color
    fill(30, 250, 200)
    //border color
    stroke(50, 100, 255)
    ellipse(mouseX, mouseY, 50, 50)
}

testing

function setup() {
    createCanvas(200, 200); // (x, y)
    background(220,100,100); // (r ,g, b)
    ellipse(100, 100, 50, 50); //(x, y , w, h)
}

function draw() {
	background(220,100,100); // (r ,g, b)
	fill( 100, 200, 300); //fill shape
	stroke (10,20,300); //outline
	ellipse (mouseX, mouseY, 50, 50); //(x, y, w, h)
	ellipse (50, 50, 30, 30);
}

not sketch

function setup() {
    createCanvas(500, 500);
    background(220,0,0);
    text("p5.js vers 0.5.12 test.", 10, 15);
}

function draw() {
	background(220,0,0);
	fill(255,201,43); //fill color of the circle
	stroke(23,234,208) //stroke color of the circle 
	ellipse(mouseX,mouseY,50,50);
}

not sketch

function setup() {
    createCanvas(200, 200);
    background(220, 0, 0);
    ellipse(100, 100, 50, 50) /* 100, 100 is the coordinates, 50, 50 is the radius of the ellipse */
}

function draw() {
    background(220, 0, 0, 0)
    fill(255, 200, 200) /* RGB color of ellipse */
    stroke(0, 255, 200) /* the color of the outline of the circle */
    ellipse(mouseX, mouseY, 50, 50) /* drawing repeating ellipses*/

}

class=”p5-embed” makes thing and code show up
data-width=”x” sets size of canvas to make sure it fits