1.1 en 1.2 Robot schetsen en lines


1.1: Vandaag heb ik samen met obsesseddove6 een robot gemaakt in p5.js We hebben dit filmpje gekeken en deze site gebruikt als hulpmiddel.

Dit is de code die we hebben gebruikt:

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

function draw() {
  let c = color('LightSteelBlue');
  fill(c)
  rect(90, 90, 300, 270, 20);
  
  let b = color('Red');
  fill(b)
  circle(170, 180, 70);
  circle(300, 180, 70);
  rect(161, 260, 150, 60);
  
  let d = color('LightSteelBlue');
  fill(d)
  rect(210, 40, 50, 50);
}

1.2: Ik heb deze codes gemaakt en gebruikt voor opdracht 1.2:

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

function draw() {
  background(220);
  strokeWeight(10);
  point(370, 30);
  point(200, 200);
  point(30, 370);
  
  strokeWeight(2);
  line(370, 30, 30, 370);
  line(200, 30, 200, 370);
  line(30, 200, 370, 200);
  line(30, 30, 370, 370);
}

Dit is hoe het eruit ziet! Je moest lines en points tekenen.