shCode

Module 2.4 — Animation & Camera

Quarter 2 · Weeks 15 · Environment: q5play

Lessons in this module

Estimated: ~4 hr 39 min

  1. Slides2.4.1Slides — Animation & Camera~25 min
  2. Video2.4.2Video — Animating a sprite in q5play~4 min
  3. Reading2.4.3Reading — q5play docs: Animation~10 min
  4. Reading2.4.3aReading — addAni(name, frames)~6 min
  5. Reading2.4.3bReading — changeAni(name)~6 min
  6. Reading2.4.3cReading — frameDelay (cycle speed)~6 min
  7. Reading2.4.3dReading — sprite.image (single-frame art)~6 min
  8. Worked Example2.4.4Worked Example — Animating a Sprite~10 min
  9. Q5 Lesson2.4.5Animated Sprites Sandbox~25 min
  10. Video2.4.6Video — Camera follow explained with a flashlight~4 min
  11. Reading2.4.7Reading — q5play docs: Camera~10 min
  12. Reading2.4.7aReading — camera.x / camera.y~6 min
  13. Reading2.4.7bReading — Camera-follow pattern~6 min
  14. Reading2.4.7cReading — Smoothing with lerp~6 min
  15. Reading2.4.7dReading — sprite.layer (render order)~6 min
  16. Worked Example2.4.8Worked Example — Camera Follow~15 min
  17. Worked Example2.4.9Worked Example — Smooth Camera with lerp~8 min
  18. Assignment2.4.10A15.1 Side-Scrolling Platformer~90 min
  19. Challenge2.4.11Challenges~30 min