Working out the scripts and demo files for the videos for this took a bit more time than expected, so we’re still working on the videos. If you didn’t come to class, you’ll have to wait a week or so for a more thorough run-down.
In the meantime, these are some files to make it easier to remember/reproduce what we worked on in class.
Ball Bounce Animation
In this section, we learned about the basics of frame animation. We created a simple frame and put a ball in it, then created more frames, copying the ball to each, but moving it a little in each successive frame. In the last two, after it reached the bottom, we squashed it a little to make it more cartoony.
Assets Zip File (50k) – this contains the script for the eventual video, an SVG with the 16 frames we created, and a directory containing the HTML animator file and PNG versions of the 16 frames.
Our dog, the hero of our game. We explored animating our dog (could be a him, could be a her) with straight legs (easy).
Assets Zip File (173k) – this contains a rough script for the video on drawing the dog, the animating instructions from the workshop, blank frame set-up (dog start.svg), a completed dog (demodog.svg), and then the first 10 frames of the animation (well, 5, but we duplicate them)(dogimate1-straight.svg).
Your homework and challenge is to experiment with the animation, bending the legs, moving the head and body, to try to make it look a little more natural.
On July 9th, we’ll take the dog treats and the animated dogs, and put them in a game.