2.2 smiley

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);

}

2.1 cirkeltjes 22-9-2021

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);

}

ying yan 20-9-2021

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–;
}

1.4 rare vormen

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);
}

1.3 vierkanten en cirkels

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);
}

1.2 stippen en lijnen

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.