Novedades Animate CC 2017

Nuevos code snippets en Animate CC 2017 (nov. 2016)

¡Prueba gratis durante 10 días

nuestros 1218 cursos !

Prueba gratis Mostrar modalidades de suscripción
También se han incorporado fragmentos de código para poder añadir comportamientos a los controles para canvas HTML5 del panel de componentes. Vamos a hacer un ejemplo de uso para ver cómo aplicarlos sobre un reproductor de vídeo.

Transcripción

Además de haber añadido componentes dentro de Animate, para el caso del HTML 5 canvas también vamos a tener fragmentos de código que podemos aplicar a estos componentes para poder controlarlos con programación sin necesidades saber de programación. Vamos a ver como funciona. Mi intención es crear un vídeo, que tenga dos botones y que estos botones controlen la reproducción del vídeo así que añado el componente vídeo al escenario, selecciono un vídeo para que haya algo que se puede ejecutar, y quito la opción reproducción automática y de controles eso va a hacer que el vídeo aparezca pero que aparezca pausado y sin ninguna opción de que empiece a funcionar. Voy a centrarlo en pantalla, y el siguiente paso va a ser añadir ahora dos botones, así que necesito otra vez un componente, y voy a seleccionar el componente botón. En realidad esto podría haberlo hecho perfectamente utilizando cualquier gráfico que yo dibujase, pero también puedo hacerlo perfectamente, como digo, usando componentes, bien pues, en este botón voy a cambiar la etiqueta y voy a ponerle el texto play y voy a añadir un segundo botón en el cual voy a ponerle de texto pause podría no ponerle a ninguno de ellos nombre de instancia me lo añadiría automáticamente, pero es preferible añadir nombre de instancia a cada uno de esos elementos para que esten accesibles mediante la programación así que al primero le llamé mi vídeo al segundo lo voy a llamar b play de boton play, y al tercero le voy a llamar b pause. Ahora que ya tengo todos esos elementos preparados es cuando voy a añadir el código y como lo haré, pues, facilmente desde ventana fragmentos de código. Dentro de ellos en el apartado de HTML 5 canvas nos encontramos con una nueva carpeta que es la carpeta componentes, y que está dividida en los mismos apartados, que tenemos también dentro del panel de componentes. Cada uno de ellos va a ser referencia al tipo de controles propios. Si yo quiero trabajar con botones tengo que ir a interfaz de usuario, ya que vemos este evento de click en el ratón. Bueno, selecciono el ratón sobre el que quiero que se haga click. Hago doble click en él ya que vemos el código que se ha generado que es simplemente una función que se va a ejecutar cuando se haya hecho click sobre este botón en concreto Esto mismo es lo que voy a hacer también o que quizá un poquito distinto con el vídeo. Seleccionaré el vídeo, expando la carpeta vídeo, y hago doble click sobre reproducir un vídeo. Eso me añade el código necesario para reproducirlo, que como vemos es mi vídeo y luego play, bueno pues, corto este código, voy a eliminar todos estos comentarios, vengo a la función, donde se va a ejecutar el código cuando se hace click, y aquí entre el inicio del código personalizado, y fin del codigo personalizado pego ese efecto de vídeo, o sea el poner en marcha el vídeo, y lo mísmo ahora haría con el segundo botón. Primero, le añado el evento de click de botón, y en segundo lugar selecciono de nuevo el vídeo y le pido pausar vídeo, copio este pause, como vemos es un código muy símple, y lo vuelvo a pegar dentro de este botón pause y así vemos que tengo tanto la programación para el primero de los botones como la programacion para el segundo de ellos ahora si compilo, tengo el video parado, pulso en play, se pone en marcha, pulso en pause y funciona perfectamente, como hemos visto. Hemos programado este sistema con controles típicos de HTML5 y sin necesidades de saber programación.

Novedades Animate CC 2017

Descubre las nuevas funcionalidades y ventajas que te ofrece Animate CC 2017. Aprende las novedades implementadas en el software que llegó para reemplazar a Flash.

39 min (19 Videos)
Actualmente no hay comentarios.
 
Software:
Adobe Animate Adobe Animate CC 2017
Fecha de publicación:2/11/2016

Este curso video2brain está disponible como descarga y para ser visualizado online. ¡Pero no hace falta que decidas entre las dos opciones! Al comprar el curso, disfrutarás de ambas posibilidades.

La descarga te permite ver las lecciones sin estar conectado/a a internet y supone una navegación fácil y ágil entre capítulo y capítulo. Si vas a trabajar en diferentes ordenadores o si no quieres descargarte el curso completo, entra en la web con tus datos de acceso y disfruta directamente de tus vídeos online. Te deseamos que disfrutes de este curso y te resulte de mucha utilidad.

Estamos a tu disposición si tienes cualquier tipo de duda o pregunta.