Hand-Drawn Animation & Games:

Slides:



Advertisements
Similar presentations
Animation Marco Gillies. Computer Animation Making things move A key aspect of computer graphics Non-realtime for films Realtime for virtual worlds and.
Advertisements

Principles of Animation Computer Animation SS2008.
Dr. Midori Kitagawa University of Texas at Dallas Arts and Technology Program.
Animation The Twelve Principles of Animation 1Copyright © Texas Education Agency, All rights reserved. Images and other multimedia content used with.
12 Principle of Animation. Series of pictures of objects/characters in motion Displayed at some rate –film 24 fps –video 30 fps What is animation?
Computer Graphics Computer Animation& lighting Faculty of Physical and Basic Education Computer Science Dep Lecturer: 16 Azhee W. MD.
Computer Game and Animation Techniques – a brief history Matt Boggus CSE 3451/5541.
Animation. 12 Principles Of Animation (1)Squash and Stretch (2)Anticipation (3)Staging (4)Straight Ahead Action and Pose to Pose (5)Follow Through and.
12 Concepts to Animation Frank Thomas and Ollie Johnston in their book “The Illusion of Life” Principles in action - link
Graphics Sound Video created by:gaurav shrivastava
CSC 111 – Storytelling through Computer Animation Scott Heggen.
1 Introduction to Multimedia SMM Introduction to Multimedia Chapter 5.
Graphics Korea University Computer Animation Computer Graphics.
Visual Narrative Week 14. Contemporary Developments Computers –Production is cheaper –More animation –Independent production The Internet - distribution.
BPC: Art and Computation – Fall 2006 Introduction to animation Erik Brisson
1cs426-winter-2008 Notes  The newsgroup should be working now: ubc.courses.cpsc.426  Textbook: Not really required, but recommended - it’s a good second.
Lecture 6 Oct From now on, we will have 1 hour lecture + 1 hour tutorials of choices (welcome requesting topics you want to see)‏ Remember to hand.
Simulating Cartoon Style Animation Stephen Chenney, Mark Pingel, Rob Iverson, Marcin Szymanski Presented by: Andrea Tartaro.
BPC: Art and Computation – Summer 2007 Introduction to Animation Erik Brisson
Prinsip Dasar Gerak Pertemuan 4 Matakuliah: U0636/DKV II Animasi Tahun: 2008.
Intro to [Computer] Animation LCC 2730 Prof. Schrank.
ITBIS351 Multimedia Systems and Hypermedia
The Fundamental Principles
Nine Old Men Disney’s Nine Old Men were the main animators that created Disney’s most famous animated films from Snow White to The Rescuers. They were.
By Dan Harris. Classic Hand Drawn E.g The lion king. Crated by Disney in 1994, The Lion King earned $422,783,777 in North America and an $564,700,000.
The rapid display of a sequence of images or model positions in order to create an illusion of movement. ANIMATION.
The 12 Principles of Animation Digital Media 1 Mr. Nicholas Goble.
Feature-length films: Games: Desktop Animations: Computer Animation.
History, Principles & More. History: Pioneers of Animation J. Stuart Blackton ( ) Winsor McCay ( ) John Bray ( ) Max Fleischer.
Introduction to Character Animation Karan Singh Lecture 1: CSC 2529 Karan Singh Lecture 1: CSC 2529.
John Lasseter 1987 PRINCIPLES OF TRADITIONAL ANIMATION APPLIED TO 3D COMPUTER ANIMATION.
Rick Parent - CIS681 Background Perception Display Considerations Animation Production Video Technology Orientation Representation.
Scientific Visualization February 15, 2006 Career Center sponsored Summer Jobs and Internship Fair; Tuesday, February 21, 2006, 12:00 - 3:00 PM; Highsmith.
CSC418 Computer Graphics n Animation Principles n Keyframe Animation.
Begginers 3D Animation workshop Nadia Miltcheva. Animation huh? Pourquoi 3D? 2D VS 3D- easy integration, speed, MoCAP, Examples 2D: Disney, Pixar, Studio.
Animation Basics. A) Animation In animation we attempt to make things that aren’t really there appear as though they could actually exist and move in.
Module Code: CU1025NI 3D Modelling and Animation Basics Week – 2 - Extra.
Computational Choreography. Expressive Robot Movement.
CA0932a Multimedia Development
Rick Parent - CIS682 Digital Animation Production Digital Video Editing Animation Production Animation Principles.
Graphics Graphics Korea University cgvr.korea.ac.kr 1 Computer Animation 고려대학교 컴퓨터 그래픽스 연구실.
College of Computer and Information Science, Northeastern UniversityNovember 22, CS U540 Computer Graphics Prof. Harriet Fell Spring 2007 Lecture.
Honors Scholars Freshman Seminar Computer Animation: Special (And Not So Special) Effects Fall 2007 TR 11:00 AM - 12:15 PM Engineering Building.
12 Principles Of Animation (1)Squash and Stretch (2)Anticipation (3)Staging (4)Straight Ahead Action and Pose to Pose (5)Follow Through and Overlapping.
Presented By:- Amit Kapoor MCA Deptt. MAIMT. Contents Introduction to Animation  Introduction to Animation  Why Do We See Images As Moving ?  Effects.
UNC Chapel Hill M. C. Lin Basics of Motion Generation let X i = position,orient. of O i at t k = t 0,  i END = false while (not END) do display O i, 
Lecture 9 Razia Nisar Noorani. 2 TWO DIFFERENT FORMS:  2-D evolved from traditional animation techniques.  3-D exploited capabilities unique to the.
Daily Design Discussion Animation notes. Resources animation-examples/
How to Harmony Using Unity and Toon Boom Harmony at Double Stallion.
Feature-length films: Games: Desktop Animations:.
Presented By: V. Jagadeesh (59) Animation The word “animation” is a form of “animate,” which means to bring to life to object. Thus when a multimedia.
Prelim Lecture D Digital Animation Prelim Lecture
WHAT IS YOUR PERCEPTION ABOUT ANIMATION?
Computer Game and Animation Techniques – a brief history
Computer Graphics.
Computer Animation cgvr.korea.ac.kr.
Mathematics in Animation
The Twelve Principles of Animation
CD202 Interface, Representation & Sequence Analysing visual sequence
Computer Game and Animation Techniques – a brief history
Animation Notes For Quiz 25 points today.
The Twelve Principles of Animation
Basics of Motion Generation
Lecture 9 Razia Nisar Noorani
Animation LECTURE 7 Faraz Khan.
Intro to [Computer] Animation LCC 2730 Prof. Schrank
Element of Art: Line Principle of Design: Repetition
What is Animation? 'To animate' literally means to give life to. Animating is moving something that cannot move on it's own. Animation adds to graphics.
12 Principles of Animation
12 Principles of Animation
Presentation transcript:

Hand-Drawn Animation & Games: Bridging the Gap

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

Who the heck am I? Eric Angelillo Graduate of Sheridan College in Animation (BAA) Worked in TV, commercials, illustration and games Art Director/Co-founder @ Double Stallion Games

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

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

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

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

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

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)

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)

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

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

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

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

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

Squash & Stretch Aladdin (1993) Darkstalkers (1994)

Anticipation Darkstalkers (1994) Earthworm Jim (1994)

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

Demo Time!

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