Categorie: sketchbook

var x;
var y;

function setup() {
createCanvas(500, 500);
x = 250;
y = 250;
}

function draw() {
background(220);
fill(255);
ellipse(x, y – 20, 200, 200);
fill(0);
ellipse(x – 30, y – 50, 30, 30);
ellipse(x + 30, y – 50, 30, 30);
rectMode(CENTER);
rect(x, y + 15, 100, 25);

}

function setup() {
createCanvas(400, 400);
}

function draw() {
background(220);
ellipse(width/3, height/2, 60, 60);
ellipse(2width/3, height/2, 60, 60); ellipse(width/3, 2height/3, 60, 60);

}

https://preview.p5js.org/suzanne2505/present/iXFuj1EBI

var angle=0;
function setup() {
createCanvas(400, 400);
angleMode(DEGREES);
}

function draw() {
background(220);
translate(width/2,height/2);
rotate(angle);
fill(0)
stroke(0)
strokeWeight(2);
ellipse(50,50,200,200);
noStroke();
fill(‘white’);
arc(50,50,200,200,90,270);
ellipse(50,100,100,100);
fill(‘black’);
ellipse(50,100,30,30);
ellipse(50,0,100,100)
fill(‘white’)
ellipse(50,0,30,30);
angle–;
}

Vandaag heb ik 1.4 gemaakt.

function setup() {
createCanvas(400, 400);
}

function draw() {
background(220);
beginShape()
vertex(260, 380);
vertex(200, 320);
vertex(140, 380);
vertex(160, 290);
vertex(100, 250);
vertex(170, 250);
vertex(200, 190);
vertex(230, 250);
vertex(300, 250);
vertex(240, 290);
vertex(260, 380);
endShape(CLOSE);
arc(130, 130, 180, 160, HALF_PI, PI);
quad(38, 31, 86, 20, 69, 63, 30, 76);
}

Ik heb vandaag 1.3 gemaakt. Ik ga nu meteen door met 1.4.

var u = 20;

function setup() {
createCanvas(400, 400);
}

function draw() {

grid();
displayMousePosition();
stroke(1);
strokeWeight(1);
rect(0, 0, 60);
rect(0, 340, 60);
rect(340, 340, 60);
rect(340, 0, 60);
circle(30, 30, 60);
circle(370, 30, 60);
circle(370, 370, 60);
circle(30, 370, 60);

}

function grid() {
background(200);
stroke(220);
strokeWeight(1);
for (let x = 0; x <= width; x += u) {
for (let y= 0; y <= height; y += u) {
line(x, 0, x, height);
line(0, y, width, y);
}
}
stroke(‘black’);
}

function displayMousePosition() {
textFont(‘menlo’);
textSize(18);
noStroke();
text(“x:” + mouseX, 190, 190);
text(“y:” + mouseY, 190, 210);
}

Ik heb thuis 1.2 gemaakt. Ik vond dit een makkelijke opdracht. Ik heb deze les 1.2 afgerond en geüpload. Ik ga nu een beginnetje maken met 1.3.

Deze les heb ik 1.1 gemaakt. Ik heb een gezicht gemaakt d.m.v. cirkels en lijnen. Ik ga nu beginnen aan 1.2.