Del curso: HTML5 práctico: Visualización de datos

Accede al curso completo hoy mismo

Únete para acceder a más de 22.600 cursos impartidos por expertos del sector o compra solamente este curso.

Aplicación del sistema de animación con HTML5

Aplicación del sistema de animación con HTML5 - Tutorial de HTML

Del curso: HTML5 práctico: Visualización de datos

Comenzar mi mes de prueba gratis

Aplicación del sistema de animación con HTML5

“

En este vídeo abordaremos la parte que tiene un poco más de complejidad. En realidad no es muy difícil, pero hay que pararse un poco a entender cómo funciona. Yo ahora lo que quiero es animar esta primera parte. Y para hacer esta animación, realmente no necesito cosas muy complicadas, pero es que veremos que voy a tener varias necesidades. Lo primero que necesito es una forma que sirva para animar tanto el primero como el segundo como el tercer elemento y que, además, cuando termine la animación, cuando me vuelva a otro sitio distinto, vuelva a colocar todos los elementos en su estado previo. ¿Cómo voy a conseguir eso? Pues utilizando clases. Yo tengo cada uno de los objetos, los tengo colocados en determinadas posiciones, y esas posiciones van a ser las que van a marcar su animación. Lo que puedo hacer es que cada elemento animado, por ejemplo este cohete, tenga un estado distinto generado por una clase. Todas las clases que sirvan para que el objeto se ponga en marcha, se anime, van…

Contenido