Skip to content

Latest commit

 

History

History
34 lines (26 loc) · 1.5 KB

assignment03.md

File metadata and controls

34 lines (26 loc) · 1.5 KB

ASSIGNMENT 03

  • The assignment (below) includes coding and reading
  • Due: Midnight on Sunday, 3 Oct
    • Check Canvas for submission details
  • Learning goals
    • Introduction to animation
    • Practice with the Observable Plot API
  • Ask questions -- especially if you're stuck or you think we're going too fast!!
    • Ask questions in class or with piazza or during office hours

Coding

Use a technique from Animation Loops to animate the SVG Circle (the solution to Assignment #2) so that the circle bounces off the walls of the SVG.

Note that Animation Loops doesn't use SVG. It is animating a circle on a canvas context that's created with DOM.context3d(). We haven't dealt with canvas (yet). The assignment is to animate the SVG circle that we worked with in class. You'll have to modify the code in here: SVG Circle. Hint: The most straightforward approach involves use of now in Option 3.

Reading

Beware of a possible quiz on the reading.