javascript & animation

JavaScript & animationCaesar Chi,

clonncd@fb, twitter

Sunday, December 15, 13

24 frames in second


Many pictures runs in a second


The basic

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


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

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

http://api.jquery.com/animate/




Much BetterBut

Not Good Enough


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/




http://www.hongkiat.com/blog/css3-animation-transition-demos/38 Inspiring Css3 Animation Demos


http://www.hongkiat.com/blog/css3-animation-transition-demos/


















https://daneden.me/animate/




Much BetterBut

Not Easy Enough


http://www.createjs.com/#!/CreateJS

https://github.com/CreateJS/






http://www.youtube.com/watch?v=OWHJa0jKJgo




http://blog.createjs.com/createjs-sandbox-code-snippets-and-demos/




Socket.io and Create.jshttps://github.com/killerspaz/nodeWhiteBoard


https://github.com/killerspaz/nodeWhiteBoard

https://github.com/killerspaz/nodeWhiteBoard

Enjoy Coding with JavaScript


javascript & animation

Technology