Download - Designing Motion

Transcript
Page 1: Designing Motion

Designing Motion

Page 2: Designing Motion

EVENTS!MAKING THINGS!DESIGN!

Page 3: Designing Motion

Designing Motion

Page 4: Designing Motion

DetailsDetails

Details

Page 5: Designing Motion
Page 6: Designing Motion
Page 7: Designing Motion
Page 8: Designing Motion
Page 9: Designing Motion

with great

POWERcomes

GREATresponsibility

Page 10: Designing Motion
Page 11: Designing Motion

{...}

Page 12: Designing Motion

Animation for UI

Page 13: Designing Motion

OPEN, CLOSE!BUTTONS, LINKS!BASED ON USER INPUT

FADES

Page 14: Designing Motion
Page 15: Designing Motion
Page 16: Designing Motion
Page 17: Designing Motion

Animation for Experience

Page 18: Designing Motion
Page 19: Designing Motion
Page 20: Designing Motion
Page 21: Designing Motion

BREAK IT DOWN

Page 22: Designing Motion

{...}

Page 23: Designing Motion

So So Many Options!How do we decide?

Page 24: Designing Motion

What are you imitating?

Metaphor

Page 25: Designing Motion
Page 26: Designing Motion
Page 27: Designing Motion
Page 28: Designing Motion
Page 29: Designing Motion

Light as a feather

Stiff as a board

Weight & Physics

Page 30: Designing Motion
Page 31: Designing Motion
Page 32: Designing Motion

The idea that various aspects of the character’s attributes come together to just feel “right”.

Appeal

Page 33: Designing Motion

“... it’s easy to forget that when you’re building a game you’re not just building a set of rules or a pile of content. You’re crafting and experience...

Animation happens to be my weapon of choice to achieve this”  

[Mika Mobile blog post]

Page 34: Designing Motion

The internet is not a cartoon.

(usually)

Page 35: Designing Motion

Yeah,I changed my mind…

Page 36: Designing Motion
Page 37: Designing Motion
Page 38: Designing Motion
Page 39: Designing Motion
Page 40: Designing Motion

We kinda care about our code…

Page 41: Designing Motion

Hi, I’m a link!

Hi, I’m a link!

Hi, I’m a link!

Page 42: Designing Motion

YAY! New Things!

BOO! New Things!

Page 43: Designing Motion

Transference

Page 44: Designing Motion
Page 45: Designing Motion
Page 46: Designing Motion

Time Signatures

Page 47: Designing Motion
Page 48: Designing Motion
Page 49: Designing Motion
Page 50: Designing Motion
Page 51: Designing Motion
Page 52: Designing Motion
Page 53: Designing Motion
Page 54: Designing Motion
Page 55: Designing Motion
Page 56: Designing Motion

and with that…

Page 57: Designing Motion

THANKS!Files & Slides:

valhead.com/WDD2011

Let’s Chat:

[email protected] • @vlh


Top Related