Skip to content

Seattle CoderDojo

A Free Tech Meetup for Kids

Menu
  • Frequently Asked Questions
  • Teaching Kids To Code
Menu

Game Art Workshop – Partial Cheat Sheet

Posted on June 25, 2016June 25, 2016 by Greg Bulmash

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.

Dog Animation

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.

Upcoming Events

  • CANCELLED: SEATTLE CODERDOJO – March 7, 2020

  • CANCELLED: SEATTLE CODERDOJO – March 14, 2020

  • CANCELLED: SEATTLE CODERDOJO – March 21, 2020

©2023 Seattle CoderDojo | Design: Newspaperly WordPress Theme