Web animation API Qué es y como usarla
La web animation API, es una nueva característica de Javascript que nos permite animar los elementos del DOM utilizando los mismos mecanismos disponibles para las animaciones CSS3, con es to me refiero que es una forma de llevar lo que se hace en CSS3 al javascript, vamos a tener acceso a cosas como la Aceleración por Hardware, es justo decir que es una característica experimental y por lo tanto todavía no va a funcionar en todos los navegadores.
Regálame un caramelo o una cerveza : https://www.paypal.com/cgi-bin/webscr?cmd=_donations&business=saturnowgep%40hotmail%2ecom&lc=AL&item_name=Giovaelpetv&no_note=0¤cy_code=USD&bn=PP%2dDonationsBF%3abtn_donateCC_LG%2egif%3aNonHostedGuest
Los videos de animaciones en javascript :
Animaciones para juegos : https://www.youtube.com/watch?v=emWZVK_gS7Q
requestAnimationFrame: https://www.youtube.com/watch?v=zlclLs_m0mI
Lista de reproducción de los videos del reproductor HTML5:
Descarga el código fuente y la plantilla de inicio en mi blog:
https://giovaelpetv.blogspot.com/2017/08/que-es-y-como-usar-la-web-animations-api.html
Mantente en contacto con migo:
http://facebook.com/giovaelpetv
Tweets by giovaelpe
Enlaces con información útil:
https://developer.mozilla.org/en-US/docs/Web/API/Web_Animations_API
Diccionario de propiedades:
https://developer.mozilla.org/en-US/docs/Web/API/AnimationEffectTimingProperties
fuentes:
https://webplatform.github.io/docs/apis/web_animations/AnimationPlayer/
http://danielcwilson.com/blog/2015/07/animations-intro/
https://developers.google.com/web/fundamentals/design-and-ui/animations/animations-and-performance?hl=es-419#css-vs-javascript-performance
https://developers.google.com/web/fundamentals/design-and-ui/animations/css-vs-javascript?hl=es-419