SIMBOLO GRAFICO EN FLASH
Desde el menú “insertarà Crear símbolo” crearemos un símbolo de tipo “grafico” con el nombre de barra.
El símbolo estará formado por un rectángulo azul y
dentro otro de dimensiones menores, como muestra la imagen,
Repetiremos
la operación anterior y crearemos otro símbolo que tiene el nombre de “barra2”
y también es de tipo “Grafico”,
En esta ocasión dibujaremos un rectángulo de iguales dimensiones
al anterior y dentro otro recuadro de color amarillo, pero mayor que el
recuadro del símbolo anterior,
Creamos un tercer símbolo ,
Y
colocamos la siguiente imagen, siguiendo la secuencia de imágenes anteriores,
Crearemos ahora el cuarto símbolo, pero esta vez será
de tipo “botón”, como muestra la siguiente imagen,
Como
estamos creando un símbolo de tipo botón, tendremos que determinar los diferentes
estados que nos permite utilizar este tipo de símbolos.
Para
ello seguiremos las imágenes que van a continuación donde se detalla el
contenido para cada uno de los estados.
En primer lugar, estado “reposo”, colocamos un circulo y un texto,
El
siguiente estado de este botón, “sobre” será la misma imagen que anteriormente
pero con el color “verde”,
Finalmente
el estado “presionado”, volvemos a cambiar el color de la circunferencia, esta
vez “azul”,
Vamos
a crear un ultimo símbolo que se llamara “baja” también de tipo botón, donde
crearemos la misma figura que el botón anterior solo que cambiaremos el texto
“sube” por “baja”,
Desde
el menú “ventana” activaremos la “biblioteca” para ver la lista de todos los
símbolos que hemos creado.
Ahora en la “escena
Creamos
una segunda capa y colocamos los símbolos “sube” y “baja”, como muestra la
siguiente imagen,
Escogemos con un “clic” el símbolo “sube” que hemos
colocado en la escena y activamos el panel de “acciones”,
Seleccionamos la “acción” à “ON y como evento escogemos –presionar- “
Seguidamente
buscamos la “acción” -- goto – y
rellenamos los parámetros como muestra la siguiente imagen,
Creamos otra “capa
En el
fotograma “
Dentro
de las acciones del fotograma 5 insertamos el mismo código pero cambiando el
fotograma destino,
En la “capa
En
el fotograma 10 repetimos los pasos anteriores, primero colocamos el símbolo
“barra
En la
capa 3 en el fotograma 10 volvemos a insertar el código de “Stop”. Al ejecutar
con F12 la presentación en el navegador, observaremos como al hacer “clic” en
el botón “sube” se muestra la barra cada vez mas llena y cuando hacemos “clic”
en baja la barra disminuye. Ahora podemos almacenar el ejercicio en el
ordenador,
