Beruflich Dokumente
Kultur Dokumente
TALLER DE SNIPPETS
Objetivo:
Snippets
Recordemos que los Snippets son pequeos fragmentos de cdigo fuente ya prediseados que
podemos reutilizar en actividades como animaciones, banners, publicidades, juegos y
publicaciones digitales.
Hacer clic en
HTML5 Canvas
Una vez que tenemos creado el documento en blanco, la primera cuestin que debemos realizar
es anclar la opcin componentes desde el men Ventana a la zona de paneles como se
muestra en la imagen de abajo.
Panel de
Acciones
Panel de
Componentes
3. Y listo ya
tenemos el
componente Video
en el escenario
1. Clic en
Componentes
2. Doble clic en
Video
Propiedades de
componente video Haga clic para
insertar un video
Ubica tu video
favorito.
Al final queda
as
Nuevamente desde componentes aadimos los botones para el control de nuestro video
Etiqueta: Etiqueta:
Play Pause
Nombre instancia:
Nombre instancia:
btnPlay
btnPause
Ahora que ya tenemos todos los elementos preparados toca aadir fragmentos de cdigo
(snippets). Para ello nos dirigimos a men Ventana>Fragmentos de cdigo.
Para aadir cdigo debemos seleccionar primero botn Play y luego hacer doble clic.
1. Seleccione
2. Doble clic
1. Seleccione
2. Doble clic
Al observar la lnea de tiempo, notamos que se ha creado una capa llamada Actions.
Cdigo generado
para ambos botones
El cdigo para el botn Play y Pausa debe estar como se muestra a continuacin.
Aadir este
cdigo generado
por el video
Aadir este
cdigo generado
por el video
navegador como .