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.

11/6/2021

Vandaag heb ik de powerpoint gemaakt voor het prima planten-project. Ik heb de ER-diagrammen en de tabellen die we hebben gemaakt in de presentatie gezet. Het gebouwde ontwerp in Adminer hebben we nog niet dus die kan ik er nog niet inzetten. Dit weekend gaan we die maken en oefenen met de presentatie. Veel geleerd.