shCode

Module 5.1 — Hello Sprite and Movement

Quarter 2 · Weeks 10–11 · Environment: shplay

Lessons in this module

Estimated: ~4 hr 23 min

  1. Slides5.1.1Slides — shplay Foundations~5 min
  2. Video5.1.2Video — Your first shplay sketch~5 min
  3. Reading5.1.3Reading — Frame loop: setup() and draw()~10 min
  4. Worked Example5.1.4Worked Example — Minimum Sprite Program~10 min
  5. Reading5.1.5Reading — Canvas: new Canvas(w, h)~5 min
  6. Reading5.1.6Reading — Sprite: new Sprite(x, y, w, h) + .color~5 min
  7. shPlay Lesson5.1.7Lab — Drop one sprite, change its color~5 min
  8. Reading5.1.8Reading — Storing the sprite in a let variable~5 min
  9. Reading5.1.9Reading — background(color) wipe rule~5 min
  10. Reading5.1.10Reading — Sprite property tour: pos, rotation, layer~5 min
  11. shPlay Lesson5.1.11Hello Sprite~20 min
  12. Video5.1.12Video — The Frame Loop Explained~3 min
  13. Reading5.1.13Reading — kb.pressing(key)~10 min
  14. Worked Example5.1.14Worked Example — Keyboard Movement~10 min
  15. Reading5.1.15Reading — Velocity: vel.x and vel.y~5 min
  16. Reading5.1.16Reading — Movement pattern (if / else if / else)~5 min
  17. Reading5.1.17Reading — The else-to-zero rule~5 min
  18. shPlay Lesson5.1.18Lab — Delete the else, watch drift~5 min
  19. Reading5.1.19Reading — WASD-not-arrows~5 min
  20. shPlay Lesson5.1.20Make it Move~25 min
  21. Assignment5.1.21Sprite Playground~45 min
  22. Assignment5.1.22Frame Loop Writeup~20 min
  23. Challenge5.1.23Challenges~30 min
  24. Worked Example5.1.24Falling Block — Example~15 min