Blog

1.1 – Basisrobot in p5.js

In de les van vandaag ben ik met PuzzledKitten8 begonnen met de lessen van p5.js. We hebben in de Web Editor deze robot geschetst. In deze post vind je ook de code die we hiervoor gebruikt hebben. Het heeft ons ongeveer een lesuur gekost. We hebben als hulpmiddelen deze video en deze site gebruikt.

<!-- wp:code -->
<pre class="wp-block-code"><code>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);
}</code></pre>
<!-- /wp:code -->