0
JavaScript & animation
Caesar Chi,
clonncd@fb, twitter

Sunday, December 15, 13
Sunday, December 15, 13
24 frames in second
Sunday, December 15, 13
Many pictures runs in a second

Sunday, December 15, 13
The basic

JavaScript set setTimeout
http://www.schillmania.com/content/projects/javascript-animation-1/demo/

Sunday, Dec...
http://api.jquery.com/animate/
Sunday, December 15, 13
Much Better
But

Not Good Enough

Sunday, December 15, 13
css3
@keyframes myfirst
{
from {background: red;}
to {background: yellow;}
}
@-webkit-keyframes myfirst /* Safari and Chro...
38 Inspiring Css3 Animation Demos
http://www.hongkiat.com/blog/css3-animation-transition-demos/

Sunday, December 15, 13
https://daneden.me/animate/

Sunday, December 15, 13
Much Better
But

Not Easy Enough

Sunday, December 15, 13
Sunday, December 15, 13
http://www.createjs.com/#!/CreateJS
https://github.com/CreateJS/

Sunday, December 15, 13
http://www.youtube.com/watch?v=OWHJa0jKJgo

Sunday, December 15, 13
http://blog.createjs.com/createjs-sandbox-code-snippets-and-demos/

Sunday, December 15, 13
Socket.io and Create.js
https://github.com/killerspaz/nodeWhiteBoard

Sunday, December 15, 13
Enjoy Coding with JavaScript

Sunday, December 15, 13
Upcoming SlideShare
Loading in...5
×

JavaScript & Animation

668

Published on

introduce tool for building css3, js, animation. toolkit

Published in: Technology, Education
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
668
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
5
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

Transcript of "JavaScript & Animation"

  1. 1. JavaScript & animation Caesar Chi, clonncd@fb, twitter Sunday, December 15, 13
  2. 2. Sunday, December 15, 13
  3. 3. 24 frames in second Sunday, December 15, 13
  4. 4. Many pictures runs in a second Sunday, December 15, 13
  5. 5. The basic JavaScript set setTimeout http://www.schillmania.com/content/projects/javascript-animation-1/demo/ Sunday, December 15, 13
  6. 6. http://api.jquery.com/animate/ Sunday, December 15, 13
  7. 7. Much Better But Not Good Enough Sunday, December 15, 13
  8. 8. css3 @keyframes myfirst { from {background: red;} to {background: yellow;} } @-webkit-keyframes myfirst /* Safari and Chrome */ { from {background: red;} to {background: yellow;} } http://www.impressivewebs.com/demo-files/css3-animated-scene/ Sunday, December 15, 13
  9. 9. 38 Inspiring Css3 Animation Demos http://www.hongkiat.com/blog/css3-animation-transition-demos/ Sunday, December 15, 13
  10. 10. https://daneden.me/animate/ Sunday, December 15, 13
  11. 11. Much Better But Not Easy Enough Sunday, December 15, 13
  12. 12. Sunday, December 15, 13
  13. 13. http://www.createjs.com/#!/CreateJS https://github.com/CreateJS/ Sunday, December 15, 13
  14. 14. http://www.youtube.com/watch?v=OWHJa0jKJgo Sunday, December 15, 13
  15. 15. http://blog.createjs.com/createjs-sandbox-code-snippets-and-demos/ Sunday, December 15, 13
  16. 16. Socket.io and Create.js https://github.com/killerspaz/nodeWhiteBoard Sunday, December 15, 13
  17. 17. Enjoy Coding with JavaScript Sunday, December 15, 13
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×