shCode

Module 2.1 — q5play Foundations

Quarter 2 · Weeks 10–11 · Environment: q5play

Lessons in this module

Estimated: ~4 hr 28 min

  1. Slides2.1.1Slides — q5play Foundations~25 min
  2. Video2.1.1Video — Your first q5play sketch~5 min
  3. Reading2.1.2Reading — Frame loop: setup() and draw()~10 min
  4. Worked Example2.1.3Worked Example — Minimum Sprite Program~10 min
  5. Reading2.1.3aReading — Canvas: new Canvas(w, h)~5 min
  6. Reading2.1.3bReading — Sprite: new Sprite(x, y, w, h) + .color~5 min
  7. Q5 Lesson2.1.3cLab — Drop one sprite, change its color~5 min
  8. Reading2.1.3dReading — Storing the sprite in a let variable~5 min
  9. Reading2.1.3eReading — background(color) wipe rule~5 min
  10. Reading2.1.3fReading — Sprite property tour: pos, rotation, layer~5 min
  11. Video2.1.5Video — The Frame Loop Explained~3 min
  12. Q5 Lesson2.1.5Hello Sprite~20 min
  13. Reading2.1.6Reading — kb.pressing(key)~10 min
  14. Worked Example2.1.7Worked Example — Keyboard Movement~10 min
  15. Reading2.1.7aReading — Velocity: vel.x and vel.y~5 min
  16. Reading2.1.7bReading — Movement pattern (if / else if / else)~5 min
  17. Reading2.1.7cReading — The else-to-zero rule~5 min
  18. Q5 Lesson2.1.7dLab — Delete the else, watch drift~5 min
  19. Reading2.1.7eReading — WASD-not-arrows~5 min
  20. Assignment2.1.9Sprite Playground~45 min
  21. Q5 Lesson2.1.9Make it Move~25 min
  22. Assignment2.1.10Frame Loop Writeup~20 min
  23. Challenge2.1.11Challenges~30 min