1. CreateJS
version 2013.05.14
taiga.jp
Taiga Hirohata

2. About
• Freelance engineer
(Flash, Flex, AIR, JavaScript etc)
• Principle Classmethod, Inc.
• Adobe Community Professional
• http://taiga.jp/
• @taiga
2 / 34© 2013 taiga.jp

3. Agenda
• EaselJS
• TweenJS
• SoundJS
• PreloadJS
• Tools
3 / 34© 2013 taiga.jp

4. Let’s get started!!
• www.createjs.com
• code.createjs.com
4 / 34© 2013 taiga.jp

5. EaselJS
5 / 34© 2013 taiga.jp

6. EaselJS
• display
• events
• filters
• geom
• ui
• utils
6 / 34© 2013 taiga.jp

7. EaselJS [display]
• Bitmap
• BitmapAnimation
• Container
• DisplayObject
• DOMElement
• Graphics
• MovieClip
• Shadow
• Shape
• SpriteSheet
• Stage
• Text
7 / 34© 2013 taiga.jp

8. EaselJS [display]
• Bitmap
• BitmapAnimation
• Container
• DisplayObject
• DOMElement
• Graphics
• MovieClip
• Shadow
• Shape
• SpriteSheet
• Stage
• Text
8 / 34© 2013 taiga.jp

9. EaselJS [display]
• Bitmap
• BitmapAnimation
• Container
• DisplayObject
• DOMElement
• Graphics
• MovieClip
• Shadow
• Shape
• SpriteSheet
• Stage
• Text
9 / 34© 2013 taiga.jp

10. EaselJS [events]
• EventDispatcher
• MouseEvent
10 / 34© 2013 taiga.jp

11. EaselJS [filters]
• AlphaMapFilter
• AlphaMaskFilter
• BoxBlurFilter
• ColorFilter
• ColorMatrix
• ColorMatrixFilter
• Filter
11 / 34© 2013 taiga.jp

12. EaselJS [goem]
• Matrix2D
• Point
• Rectangle
12 / 34© 2013 taiga.jp

13. EaselJS [ui]
• ButtonHelper
• Touch
13 / 34© 2013 taiga.jp

14. EaselJS [utils]
• SpriteSheetBuilder
• SpriteSheetUtils
• Ticker
• UID
14 / 34© 2013 taiga.jp

15. TweenJS
15 / 34© 2013 taiga.jp

16. • CSSPlugin
• Ease
• MotionGuidePlugin
• SamplePlugin
• Timeline
• Tween
TweenJS
16 / 34© 2013 taiga.jp

17. • CSSPlugin
• Ease
• MotionGuidePlugin
• SamplePlugin
• Timeline
• Tween
TweenJS
17 / 34© 2013 taiga.jp

18. SoundJS
18 / 34© 2013 taiga.jp

19. • FlashPlugin
• HTMLAudioPlugin
• Log
• Sound
• SoundInstance
• WebAudioPlugin
SoundJS
19 / 34© 2013 taiga.jp

20. • FlashPlugin
• HTMLAudioPlugin
• Log
• Sound
• SoundInstance
• WebAudioPlugin
SoundJS
20 / 34© 2013 taiga.jp

21. PreloadJS
21 / 34© 2013 taiga.jp

22. • AbstractLoader
• LoadQueue
• TagLoader
• XHRLoader
PreloadJS
22 / 34© 2013 taiga.jp

23. • AbstractLoader
• LoadQueue
• TagLoader
• XHRLoader
PreloadJS
23 / 34© 2013 taiga.jp

24. Tools
24 / 34© 2013 taiga.jp

25. ZOË
25 / 34© 2013 taiga.jp

26. ZOË
• Adobe AIR Application
• converts SWF to sprite sheets
26 / 34© 2013 taiga.jp

27. ZOË
27 / 34© 2013 taiga.jp

28. ZOË
28 / 34© 2013 taiga.jp

29. ZOË
29 / 34© 2013 taiga.jp

30. Toolkit for CreateJS
30 / 34© 2013 taiga.jp

31. Toolkit for CreateJS
31 / 34© 2013 taiga.jp

32. Toolkit for CreateJS
32 / 34© 2013 taiga.jp

33. Other
33 / 34© 2013 taiga.jp

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