CreateJS

1,831 views
1,734 views

Published on

Published in: Technology, Business
0 Comments
8 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
1,831
On SlideShare
0
From Embeds
0
Number of Embeds
5
Actions
Shares
0
Downloads
0
Comments
0
Likes
8
Embeds 0
No embeds

No notes for slide

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

×