{"id":44,"date":"2013-07-13T17:08:51","date_gmt":"2013-07-13T17:08:51","guid":{"rendered":"http:\/\/maquetando.com\/?p=44"},"modified":"2013-07-19T23:45:52","modified_gmt":"2013-07-19T23:45:52","slug":"gsap-js-poderosa-libreria-javascript-para-animaciones","status":"publish","type":"post","link":"https:\/\/orpot.com\/blog\/gsap-js-poderosa-libreria-javascript-para-animaciones\/","title":{"rendered":"GSAP JS \u2013 Poderosa libreria Javascript para Animaciones"},"content":{"rendered":"<div>\n<div>\n<p><a href=\"http:\/\/www.greensock.com\/gsap-js\/\" target=\"_blank\">Green Shock Animation Plataform (GSAP)<\/a> JS es una serie de herramientas desarrolladas en Javascript para realizar animaciones con pocas l\u00edneas de c\u00f3digo, su principal caracter\u00edstica es su facilidad de uso y rendimiento.<\/p>\n<p>Esta librer\u00eda naci\u00f3 como librer\u00eda de \u00a0ActionScript pero los desarrolladores a cargo crearon la versi\u00f3n Javascript con funciones muy parecidas, incluso el \u00a0c\u00f3digo \u00a0recuerda \u00a0 a AS .<\/p>\n<p>Las principales herramientas que incluye \u00a0GSAPJS son :<\/p>\n<p><strong>TweenLite:<\/strong> Se encarga de la animaci\u00f3n de casi cualquier caracter\u00edstica de cualquier objeto. Es relativamente ligero pero con todas las funciones extra \u00a0se puede ampliar mediante \u00a0plugins opcionales (como CSSPlugin para animar CSS con el \u00a0DOM en el navegador, o BlurFilterPlugin para animar BlurFilters en Flash, etc)<\/p>\n<p><strong>TweenMax:<\/strong> piensa en el como \u00a0\u00abel \u00a0 hermano mayor de TweenLite\u00bb, puedes hacer las mismas cosas que con \u00a0 TweenLite \u00a0ademas de incorporar otras funciones como \u00a0 repeat , yoyo, repeatDelay, updateTo (), etc Se activa autom\u00e1ticamente en \u00a0muchos plugins , tambi\u00e9n se centra en tener todas las funciones conservando un peso ligero.<\/p>\n<p><strong>TimelineLite:<\/strong> Es una herramienta poderosa que act\u00faa como l\u00ednea de tiempo para los objetos , permitiendo controlar su puntos de interacci\u00f3n \u00a0 y \u00a0tambi\u00e9n nos permite anidar l\u00edneas de tiempo dentro de otras.<\/p>\n<p><strong>TimelineMax:<\/strong> extiende TimelineLite, ofreciendo exactamente la misma funcionalidad con caracter\u00edsticas m\u00e1s \u00fatiles (pero no esenciales) \u00a0como repeat, repeatDelay, yoyo, currentLabel (), y muchos m\u00e1s. Al igual que lo hace para TweenMax con \u00a0TweenLite, TimelineMax aspira a ser la \u00faltima herramienta con todas las funciones.<\/p>\n<p>Existen otras herramientas como \u00a0aceleraci\u00f3n, rutas de movimiento, plugins, herramientas blitting y m\u00e1s.<\/p>\n<p>Tambi\u00e9n podemos <a href=\"http:\/\/www.greensock.com\/js\/speed.html\" target=\"_blank\">ver un \u00a0ejemplo<\/a> de velocidad y rendimiento contra otras librer\u00edas como Jquery , Tweeen JS , Dojo , MooTools etc . \u00a0GSAPJS sobresale como \u00a0ganador.<\/p>\n<p><a href=\"http:\/\/www.greensock.com\/gsap-js\/\" target=\"_blank\">\u00a0Vista el sitio oficial de GSAPJS<\/a><\/p>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Green Shock Animation Plataform (GSAP) JS es una serie de herramientas desarrolladas en Javascript para&hellip;<\/p>\n","protected":false},"author":1,"featured_media":423,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[2],"tags":[18],"_links":{"self":[{"href":"https:\/\/orpot.com\/blog\/wp-json\/wp\/v2\/posts\/44"}],"collection":[{"href":"https:\/\/orpot.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/orpot.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/orpot.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/orpot.com\/blog\/wp-json\/wp\/v2\/comments?post=44"}],"version-history":[{"count":3,"href":"https:\/\/orpot.com\/blog\/wp-json\/wp\/v2\/posts\/44\/revisions"}],"predecessor-version":[{"id":217,"href":"https:\/\/orpot.com\/blog\/wp-json\/wp\/v2\/posts\/44\/revisions\/217"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/orpot.com\/blog\/wp-json\/wp\/v2\/media\/423"}],"wp:attachment":[{"href":"https:\/\/orpot.com\/blog\/wp-json\/wp\/v2\/media?parent=44"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/orpot.com\/blog\/wp-json\/wp\/v2\/categories?post=44"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/orpot.com\/blog\/wp-json\/wp\/v2\/tags?post=44"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}