Smikkelbakje/J1B2-Game-controller
1
0
Fork 0
Code Issues 29 Pull Requests Packages Projects Releases Wiki Activity

Learning Story: Ik wil leren hoe ik in OOP objecten over het scherm laat bewegen in p5.js #31

New Issue
Open
opened 2023-11-21 11:51:30 +00:00 by hbo-ict-bot · 0 comments
hbo-ict-bot commented 2023-11-21 11:51:30 +00:00 (Migrated from gitlab.fdmci.hva.nl)
Copy Link

1. Inleiding
Nu je een beetje p5js kent is het tijd deze kennis te vertalen naar een OOP-vorm. Een belangrijk onderdeel in je spel is het bewegen van objecten over het scherm.
Hier komt iets meer bij kijken dan x+1 om een blokje over de horizontale as te laten bewegen.

2. Wat moet ik leren?

  • uittekenen in UML hoe de relatie ziet tussen de loop en je objecten die je wilt laten bewegen
  • objecten maken in p5js
  • object tekenen met x en y positie
  • per draw de x en of y positie updaten
  • het draaien van objecten

3. Hoe leer ik dit?

Creating classes in p5js

Book: Learn JavaScript in p5js: Hoofdstuk 12. More on p5.js
Translate,Rotate & Push and Pop

4. Aan welke Kwaliteitscriteria of Gedragscriteria is dit gerelateerd?
K5.Je hebt object georiënteerd geprogrammeerd en maak gebruik van objectgeoriënteerde technieken zoals abstraction, inheritance en encapsulation.

K7.Je hebt je werk beschreven met behulp van UML-technieken.

**1. Inleiding** Nu je een beetje p5js kent is het tijd deze kennis te vertalen naar een OOP-vorm. Een belangrijk onderdeel in je spel is het bewegen van objecten over het scherm. Hier komt iets meer bij kijken dan x+1 om een blokje over de horizontale as te laten bewegen. **2. Wat moet ik leren?** - [ ] uittekenen in UML hoe de relatie ziet tussen de loop en je objecten die je wilt laten bewegen - [ ] objecten maken in p5js - [ ] object tekenen met x en y positie - [ ] per draw de x en of y positie updaten - [ ] het draaien van objecten **3. Hoe leer ik dit?** [Creating classes in p5js](https://happycoding.io/tutorials/p5js/creating-classes#instance-state) [Book: Learn JavaScript in p5js: Hoofdstuk 12. More on p5.js Translate,Rotate & Push and Pop]( https://lib.hva.nl/discovery/fulldisplay?docid=cdi_skillsoft_books24x7_bks000141381&context=PC&vid=31UKB_UAM2_INST:HVA&lang=nl&search_scope=DN_and_CI_and_EXT&adaptor=Primo%20Central&tab=Everything&query=any,contains,p5.js&offset=0) **4. Aan welke Kwaliteitscriteria of Gedragscriteria is dit gerelateerd?** K5.Je hebt object georiënteerd geprogrammeerd en maak gebruik van objectgeoriënteerde technieken zoals abstraction, inheritance en encapsulation. K7.Je hebt je werk beschreven met behulp van UML-technieken.
Sign in to join this conversation.
No Branch/Tag Specified
Branches Tags
Labels
Clear labels
G10:: Invloed
G10. Je bent je bewust van de normen en standaarden binnen je werk en de invloed die je werk heeft op de gebruiker.
G1::Persoonlijke ontwikkeling
G1. Je neemt verantwoordelijkheid voor je eigen handelen. G2. Je geeft op constructieve feedback aan anderen en ontvangt feedback. Je geeft aan hoe je die feedback gaat gebruiken. G3. Je werkt resultaat gericht aan je opdracht op taak. Je hebt een actieve werkhouding. Je leert van en met elkaar en bent aanwezig op contactmomenten. G9 Je herkent waar je leerbehoeftes zitten en stelt doelen op om deze te vervullen. Je reflecteert op je handelen en je evalueert je doelen.
G4::Kwaliteitsnormen
G4 Je werkt volgens (gegeven) kwaliteitsnormen
 G5:: Samenwerken
G5. Je werkt constructief samen
 G6::Bronnen
G6.Je gebruikt bronnen om antwoorden te vinden op een passende manier.
 G7::Presentatie
G7.Je kunt je doel door middel van een presentatie begrijpelijk overbrengen aan de doelgroep.
 G8::Documentatie
G8.Je schrijft gestructureerde en begrijpelijke documentatie.
 K1::User stories werken
K1. Je werkt Agile volgens de Scrum methodiek en daarmee zo efficiënt mogelijk aan user stories gewerkt
 K2::User Stories opstellen
K2. Je hebt de behoeftes van de doelgroep onderzocht en gebruikt om zelf een aantal user stories te schrijven
 K3::Prototyping
K3. Je hebt de gebruikersinterface van jouw product aangepast door prototyping toe te passen
 K4::Gebruikerstest
K4. Je hebt een testplan geschreven en gebruikt om een gebruikerstest uit te voeren.
K5::OOP
K5: Je hebt object georiënteerd geprogrammeerd en maakt minimaal gebruik van de objectgeoriënteerde technieken abstraction, inheritance en encapsulation.
 K6::Relationele Database
Je hebt een genormaliseerde relationele database ontworpen en gebruikt om informatie uit je project in op te slaan, op te halen en te bewerken.
K7::UML
K7: Je hebt je werk beschreven met behulp van UML-technieken.
 Status::Doing
Status::Done
Status::Verify
Type::Learning Story
Type::User Story
priority::high
priority::low
priority::medium
No Label K5::OOP Type::Learning Story
Milestone
No items
No Milestone
Projects
Clear projects
No project
Assignees
Clear assignees
Smikkelbakje
No Assignees
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: Smikkelbakje/J1B2-Game-controller#31
No description provided.
Delete Branch "%!s()"

Deleting a branch is permanent. Although the deleted branch may continue to exist for a short time before it actually gets removed, it CANNOT be undone in most cases. Continue?