Java Script Animation

8
JavaScript Animation Roll Your Own

Transcript of Java Script Animation

Page 1: Java Script Animation

JavaScript AnimationRoll Your Own

Page 2: Java Script Animation

One-offs

meets immediate needsprobably not reusabledifficult to maintain in the long run

Page 3: Java Script Animation

Javascript Libraries

jQueryScript.aculo.us/PrototypeYUIDojo

Page 4: Java Script Animation

Animation Libraries

$fx()Jstween (JAVASCRIPT MOTION TWEEN)Jsanim

Page 5: Java Script Animation

CSS-based Animation

animate numeric propertiesmodularlimited by its values

Page 6: Java Script Animation

Collection of MethodsCan address any animation needMust write a method for each propertyBecomes very unwieldy quicklyBurdensome to remember all the methods

Page 7: Java Script Animation

Factory/Strategy Pattern

Small number of main methods to calculate all needed values.Easy to maintain and extend

Page 8: Java Script Animation

We’re Hiring!

Bee Tan, Hiring Manager

510 307-8225