Category: Uncategorized

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

sketchysketch

function setup() {
    createCanvas(200, 200);//x, y
    background(0, 30, 0);//rgb values, go from 1 to 255, 000 is darkest color, 4th is alpha (opacity)
}

function draw() {
	background(0, 30, 0); //makes it so that the background covers circles so there's no trail
	fill(255, 200, 200); //fill of circle
	stroke(0, 255, 20); //stroke of circle
	ellipse(mouseX, mouseY, 50, 50);


}

funny shapes

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

function draw() {
    background(220, 0, 0);
	fill(255, 1500, 180);
    stroke(100, 115, 215);
    ellipse(mouseX, mouseY, 150, 50);

}

not sketch

function setup() {
    createCanvas(500, 500);
    background(220, 0, 0);
    ellipse(250, 250, 50, 50)
}

function draw() {
	fill(150, 85, 100, 40)
	stroke (230, 100, 100)
    ellipse(mouseX, mouseY, 100,200)
}