P5JS - balletje stuiteren

• Informatica
• Middelbare school
• havo, vwo
• Leerjaar 5,6

P5JS

Balletje botsen

• Je kan een balletje van links naar rechts laten stuiteren
• Je kan een balletje van links naar rechts én van boven naar beneden laten stuiteren
  

https://www.youtube.com/watch?v=QOtuX0jL85Y

lgg

lgg

Je kan een groen vierkant tekenen

1. Dat kan ik
2. Dat kan ik een beetje
3. Dat kan ik niet

Je kan een groen cirkel van links naar rechts animeren

1. Dat kan ik
2. Dat kan ik een beetje
3. Dat kan ik niet

P5JS in replit

• Maak een nieuwe repl
• Kies "p5.js" (niet python)
  
• Maak de koppeling met github
• Maak een balletje dat van links naar rechts gaat
• Het balletje "reset" aan het einde van het scherm

Linkje

https://replit.com/@TimLogtenberg/MovingBall#script.js

Werken met "velocity"

Je hebt zoiets als de code hiernaast. Op regel 16 staat de code om het balletje te resetten. Maar nu willen we geen reset, maar willen we dat het balletje de andere kant op gaat..

Linkje

https://replit.com/@TimLogtenberg/BouncingBall#script.js

1. Maak een balletje dat horizontaal stuitert
   
2. Laat het balletje ook verticaal stuiteren

Klaar?

• Maak twee stuiterende balletjes

Opdracht

Volgende les

• Twee of meer stuiterende balletjes..