1
00:00:00,000 --> 00:00:05,280
Mientras que el 2D solo tiene alto y ancho, el 3D tiene alto, ancho y profundidad.

2
00:00:05,480 --> 00:00:12,019
Cuando creamos animaciones en 2D que simulan 3D, tenemos que intentar simular esa profundidad.

3
00:00:12,240 --> 00:00:19,660
En este caso, recurriremos a un truco que es que la capa luna esté por debajo de la capa tierra.

4
00:00:20,059 --> 00:00:22,980
Y la capa guía también tendrá que estar por debajo de la capa tierra.

5
00:00:23,179 --> 00:00:26,460
Ahora la luna está por debajo de la tierra.

6
00:00:26,460 --> 00:00:32,420
Para crear la guía dentro de la capa guía utilizaremos la herramienta óvalo.

7
00:00:32,899 --> 00:00:36,479
Las propiedades de las herramientas están aquí, en la ventana propiedad.

8
00:00:36,960 --> 00:00:44,020
Vamos a decirle que queremos un trazo negro o con el que sea, no se va a ver, da igual, y no queremos relleno.

9
00:00:44,399 --> 00:00:48,140
Y dentro de la capa guía en el fotograma primero creamos una elipse.

10
00:00:48,539 --> 00:00:52,899
Esta elipse ahora mismo, si ocultamos la capa tierra, empieza y acaba en el mismo sitio.

11
00:00:53,600 --> 00:00:59,820
Necesitamos que empiece y acabe en diferente sitio para que el recorrido que sigue la luna tenga un principio y un fin.

12
00:01:00,060 --> 00:01:06,760
Con la herramienta borrador borraremos un trocito y ahora moveremos la luna justo al inicio.

13
00:01:07,219 --> 00:01:14,599
Haremos coincidir el centro del objeto de luna, en la capa luna, con el centro de este objeto, con el inicio de este objeto.

14
00:01:14,599 --> 00:01:17,859
Para ello tenemos que reubicar el centro del objeto.

15
00:01:17,859 --> 00:01:25,420
Con la herramienta de transformación podemos mover el centro del objeto y ahora haremos coincidir el centro del objeto con el inicio.

16
00:01:25,680 --> 00:01:35,480
Necesitamos un fotograma clave al final de la luna. Botón derecho, insertar fotograma clave y ahora crearemos una interpolación de movimiento.

17
00:01:35,900 --> 00:01:40,579
Botón derecho sobre el primer fotograma de la capa luna, crear interpolación clásica.

18
00:01:41,060 --> 00:01:46,260
Ahora en el último fotograma le diremos que la luna tiene que estar al final de la luna.

19
00:01:46,260 --> 00:01:51,819
Ahí vemos como en el primer fotograma está el inicio y en el último fotograma está el final.

20
00:01:52,180 --> 00:01:57,719
Ahora solo tenemos que decirle que la capa guía, botón derecho, funcione como guía.

21
00:01:58,500 --> 00:02:08,080
Ahora solo tenemos que decirle que la capa luna entre dentro de la capa guía y ahora nos cambia el pico por una guía, un caminito.

22
00:02:08,379 --> 00:02:09,900
Y la luna está dentro de la capa guía.

23
00:02:10,360 --> 00:02:11,639
Ya podemos comprobar que funciona.

24
00:02:15,319 --> 00:02:17,900
Vemos la tierra y comprobamos que funciona.

25
00:02:17,900 --> 00:02:37,310
Para probar que todo este movimiento funciona perfectamente nos vamos a control, probar película en navegador y comprobamos que funciona perfectamente.

26
00:02:37,310 --> 00:03:06,069
Para publicar este objeto recordamos archivo, configuración de publicación y le decimos que nos exporte a la carpeta que queremos, el javascript y le decimos que exporte javascript y html, que exporte todos los documentos que tenemos en la biblioteca, sean los que sean, en este caso los mapas que hemos utilizado, que compacte las formas y aquí le decimos en qué carpetas tiene que guardar cada cosa.

27
00:03:06,069 --> 00:03:11,150
que reproduzca la animación en bucle, en este caso voy a quitarle capas ocultas

28
00:03:11,150 --> 00:03:15,430
porque no me interesa que se expocen aquellas capas que yo he ocultado y aceptar

29
00:03:15,430 --> 00:03:24,009
y ahora archivo publicar, aquí tendríamos el html, aquí el javascript

30
00:03:24,009 --> 00:03:31,870
y aquí la carpeta imágenes con el fondo, la textura de la luna y la textura de la tierra

31
00:03:31,870 --> 00:03:36,370
Probamos y en un navegador abre el documento perfectamente

32
00:03:36,370 --> 00:03:44,659
Si yo quisiera llevarme esta animación a una web, necesitaría llevarme los tres archivos

33
00:03:44,659 --> 00:03:50,699
La carpeta con todas las imágenes, la tierra en HTML y la tierra en Javascript

34
00:03:50,699 --> 00:03:57,919
Yo puedo abrir el Javascript, botón derecho, con un blog de notas

35
00:03:57,919 --> 00:04:03,620
Aquí tengo todo el lenguaje Javascript que he utilizado para crear mi animación

36
00:04:03,620 --> 00:04:23,300
En este caso el giro de la Tierra alrededor de la Luna. Si abro el HTML y doy a F12, tengo toda la programación HTML que necesito para este documento y que ha generado automáticamente Animate.

37
00:04:23,300 --> 00:04:32,620
Dentro del head encontramos la referencia al javascript, sin él no podría existir esta animación

38
00:04:32,620 --> 00:04:39,339
Recordemos que html solo es un lenguaje de marcado, es decir, presenta la información

39
00:04:39,339 --> 00:04:50,819
Mientras que javascript es un lenguaje de animación, sirve en este caso para aportar movimiento a los objetos que tenemos dentro de un html