Speaker Deck
Speaker Deck Pro
Sign in
Sign up
for free
Tools for HTML5 Animation
Chaowen Chang
June 27, 2013
Technology
0
110
Tools for HTML5 Animation
Chaowen Chang
June 27, 2013
Tweet
Share
More Decks by Chaowen Chang
See All by Chaowen Chang
kojima
0
36
kojima
0
15
kojima
0
16
Other Decks in Technology
See All in Technology
minamizaki
0
510
am7cinnamon
2
2.6k
awsbelaraby
4
1k
ray_30cm_ns
0
270
clustervr
0
190
hsano
0
120
mmarukaw
0
1.4k
asaju7142501
0
240
sylph01
0
160
line_developers
PRO
0
1.7k
cmwatanabeseigo
0
320
cygames
1
330
Featured
See All Featured
jlugia
216
16k
schacon
145
6.6k
rasmusluckow
318
18k
jonyablonski
14
1.1k
deanohume
295
27k
robhawkes
52
2.8k
keithpitt
401
20k
ufuk
56
5.4k
marktimemedia
6
330
lynnandtonic
270
16k
swwweet
206
6.8k
pedronauck
652
110k
Transcript
Tools for HTML5 Animation Kojima@CCU CSIE, 2013 13年6⽉月29⽇日星期六
Outline HTML5 Animation Handmade samples Libraries WYSIWYG Tools 13年6⽉月29⽇日星期六
HTML5 Animation HTML5 <canvas> creating flash like animation CSS3 transition
animation 13年6⽉月29⽇日星期六
Handmade samples 3D NES controller http:/ /codepen.io/Dreamdealer/pen/Clutk CSS only 3d
Macbook Air http:/ /codepen.io/neoberg/pen/istyp HTML5 Canvas Animation - Oscillation http:/ /jsfiddle.net/N8CVN/ 13年6⽉月29⽇日星期六
Libraries 13年6⽉月29⽇日星期六
KineticJS an HTML5 Canvas Javascript framework animations, transitions, node nesting,
filtering, layering, caching, event handling for desktop and mobile applications Preview http:/ /jsfiddle.net/DxtAD/ 13年6⽉月29⽇日星期六
Three.js a JavaScript 3D library provides <canvas>, <svg>, CSS3D and
WebGL renders Preview http:/ /jsfiddle.net/ksRyQ/ http:/ /ppt.cc/3mrZ (Textures) 13年6⽉月29⽇日星期六
CreateJS a suite of JavaScript libraries & tools comprised of
EaselJS, TweenJS, SoundJS, PreloadJS, and Zoë. Preview http:/ /ppt.cc/Reg5 (EaselJS) http:/ /ppt.cc/czrU (EaselJS+TweenJS) Recommendation CreateJS, Flash Ց Javascript - ৷ԈᎲ http:/ /blog.eddie.com.tw/2013/05/20/createjs-from-flash-to-javascript/ 13年6⽉月29⽇日星期六
WYSIWYG Tools (What You See Is What You Get) 13年6⽉月29⽇日星期六
Adobe Edge Animate CC Mac OS X / Windows Shareware
(paid membership of Adobe CC) Robust Flash-like UI and more events control Code is clean and easy to tweak 13年6⽉月29⽇日星期六
13年6⽉月29⽇日星期六
Tumult Hype Mac OS X Only Shareware ($59.99) easy to
integrate, lightweight code Preview 2012 ʕ͍༟ʈᐄၣ१ http:/ /www.cs.ccu.edu.tw/~cscamp/site2012/ 13年6⽉月29⽇日星期六
13年6⽉月29⽇日星期六
Sencha Animator Mac OS X / Windows / Linux Shareware
($99) cross-platform, well-documented 13年6⽉月29⽇日星期六
13年6⽉月29⽇日星期六
DEMO 13年6⽉月29⽇日星期六
Review HTML5 Animation Canvas, CSS3 Handmade samples Libraries KineticJS, Three.js,
CreateJS WYSIWYG Tools Adobe Edge Animate, Tumult Hype, Sencha Animator 13年6⽉月29⽇日星期六
Any Questions? 13年6⽉月29⽇日星期六
Thanks for listening! 13年6⽉月29⽇日星期六