Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

CreateJS

2,217 views

Published on

Published in: Technology, Business
  • Be the first to comment

CreateJS

  1. 1. CreateJSversion 2013.05.14taiga.jpTaiga Hirohata
  2. 2. About• Freelance engineer(Flash, Flex, AIR, JavaScript etc)• Principle Classmethod, Inc.• Adobe Community Professional• http://taiga.jp/• @taiga2 / 34© 2013 taiga.jp
  3. 3. Agenda• EaselJS• TweenJS• SoundJS• PreloadJS• Tools3 / 34© 2013 taiga.jp
  4. 4. Let’s get started!!• www.createjs.com• code.createjs.com4 / 34© 2013 taiga.jp
  5. 5. EaselJS5 / 34© 2013 taiga.jp
  6. 6. EaselJS• display• events• filters• geom• ui• utils6 / 34© 2013 taiga.jp
  7. 7. EaselJS [display]• Bitmap• BitmapAnimation• Container• DisplayObject• DOMElement• Graphics• MovieClip• Shadow• Shape• SpriteSheet• Stage• Text7 / 34© 2013 taiga.jp
  8. 8. EaselJS [display]• Bitmap• BitmapAnimation• Container• DisplayObject• DOMElement• Graphics• MovieClip• Shadow• Shape• SpriteSheet• Stage• Text8 / 34© 2013 taiga.jp
  9. 9. EaselJS [display]• Bitmap• BitmapAnimation• Container• DisplayObject• DOMElement• Graphics• MovieClip• Shadow• Shape• SpriteSheet• Stage• Text9 / 34© 2013 taiga.jp
  10. 10. EaselJS [events]• EventDispatcher• MouseEvent10 / 34© 2013 taiga.jp
  11. 11. EaselJS [filters]• AlphaMapFilter• AlphaMaskFilter• BoxBlurFilter• ColorFilter• ColorMatrix• ColorMatrixFilter• Filter11 / 34© 2013 taiga.jp
  12. 12. EaselJS [goem]• Matrix2D• Point• Rectangle12 / 34© 2013 taiga.jp
  13. 13. EaselJS [ui]• ButtonHelper• Touch13 / 34© 2013 taiga.jp
  14. 14. EaselJS [utils]• SpriteSheetBuilder• SpriteSheetUtils• Ticker• UID14 / 34© 2013 taiga.jp
  15. 15. TweenJS15 / 34© 2013 taiga.jp
  16. 16. • CSSPlugin• Ease• MotionGuidePlugin• SamplePlugin• Timeline• TweenTweenJS16 / 34© 2013 taiga.jp
  17. 17. • CSSPlugin• Ease• MotionGuidePlugin• SamplePlugin• Timeline• TweenTweenJS17 / 34© 2013 taiga.jp
  18. 18. SoundJS18 / 34© 2013 taiga.jp
  19. 19. • FlashPlugin• HTMLAudioPlugin• Log• Sound• SoundInstance• WebAudioPluginSoundJS19 / 34© 2013 taiga.jp
  20. 20. • FlashPlugin• HTMLAudioPlugin• Log• Sound• SoundInstance• WebAudioPluginSoundJS20 / 34© 2013 taiga.jp
  21. 21. PreloadJS21 / 34© 2013 taiga.jp
  22. 22. • AbstractLoader• LoadQueue• TagLoader• XHRLoaderPreloadJS22 / 34© 2013 taiga.jp
  23. 23. • AbstractLoader• LoadQueue• TagLoader• XHRLoaderPreloadJS23 / 34© 2013 taiga.jp
  24. 24. Tools24 / 34© 2013 taiga.jp
  25. 25. ZOË25 / 34© 2013 taiga.jp
  26. 26. ZOË• Adobe AIR Application• converts SWF to sprite sheets26 / 34© 2013 taiga.jp
  27. 27. ZOË27 / 34© 2013 taiga.jp
  28. 28. ZOË28 / 34© 2013 taiga.jp
  29. 29. ZOË29 / 34© 2013 taiga.jp
  30. 30. Toolkit for CreateJS30 / 34© 2013 taiga.jp
  31. 31. Toolkit for CreateJS31 / 34© 2013 taiga.jp
  32. 32. Toolkit for CreateJS32 / 34© 2013 taiga.jp
  33. 33. Other33 / 34© 2013 taiga.jp
  34. 34. • http://www.createjs.com/• http://code.createjs.com/• https://github.com/CreateJS• https://ja-jp.facebook.com/CreateJS• http://fumiononaka.com/Business/Other [Reference]34 / 34© 2013 taiga.jp

×