2. Hand-Drawn Animation & Games:
Bridging the Gap

3. Hand-Drawn Animation & Games:
Bridging the Gap
Talk Breakdown
Introduction
Comparing & contrasting types of 2D animation
Applying animation principles to games
Frame-by-frame demo time

4. Who the heck am I? Eric Angelillo
Graduate of Sheridan College in Animation (BAA)
Worked in TV, commercials, illustration and games
Art Double Stallion Games

5. Who the heck am I?
Big Action Mega Fight! (2013)

6. Types of 2D animation Sprite / Frame-by-Frame Space Ace (1984)
A Boy & His Blob (2009)
Sonic the Hedgehog (1991)

7. Types of 2D animation Cut-out Super Metroid (1994)
Rayman Origins (2011)
Child of Light (2014)

8. Cut-out Pros Easily swappable assets
Characters can have a lot of detail
Low memory usage
Shank (2010)

9. Cut-out
Valiant Hearts (2014)
Guacamelee! (2013)

10. Cut-out Restrictions Tends to be have a flatter look
Computer interpolation gives a very digital feel
Rigs potentially allow less freedom to the animator
Limbo (2010)
The Sims Social (2011)

11. Sprite / Frame-by-Frame
Pros
Organic feel
Great for shifting perspectives and angles
Unrestricted by rigs
Allows for more natural “animation gimmicks”
Earthworm Jim (1994)

12. Animation Gimmicks Ren & Stimpy - Hermit Ren (1994)
Looney Tunes - Room & Bird (1950)
The Lion King (1994)

13. Sprite / Frame-by-Frame
Restrictions
High memory usage
Character customization is a lot more work
Manual in-betweening
Dragon’s Lair (1983)

14. Sprite / Frame-by-Frame
BlazBlue (2008)
Cuphead (2015)
Skull Girls (2012)

15. 12 Basic Principles of Animation
Squash & Stretch
Anticipation
Staging
Straight Ahead Action & Pose to Pose
Follow Through & Overlapping Action
Slow In & Slow Out
Arc
Secondary Action
Timing
Exaggeration
Solid drawing
Appeal

16. 12 Basic Principles of Animation
Squash & Stretch
Anticipation
Staging
Straight Ahead Action & Pose to Pose
Follow Through & Overlapping Action
Slow In & Slow Out
Arc
Secondary Action
Timing
Exaggeration
Solid drawing
Appeal

17. Squash & Stretch
Aladdin (1993)
Darkstalkers (1994)

18. Anticipation
Darkstalkers (1994)
Earthworm Jim (1994)

19. Follow Through & Overlapping Action
Streets of Rage 2 (1992)
Darkstalkers (1994)
Don’t be afraid to add follow through elements.

20. Demo Time!

21. Merci! ericangelillo.com @SpillzNDoodles spillzndoodles.tumblr.com
vimeo.com/spillz
doublestalliongames.com
@dblstallion
doublestallion.tumblr.com
facebook.com/DoubleStallion
bigactionmegafight.com
facebook.com/BigActionMegaFight