chuleta arrastrar palabras
DESCRIPTION
Tutorial para arrastrar palabras y emparejarlas con la imagen.TRANSCRIPT
-
Vamos a crear una actividad con ActionScript 2.0 en la que hay que emparejar el
picto con la palabra.
Abrimos Adobe Flash y seleccionamos ActionScript 2.0.
1. Renombramos la capa como fondo y elegimos el color o bien dibujamos un
rectngulo para el color y el efecto Alfa al 50%.
2. Importamos a la biblioteca las imgenes (pasadas por el Online Image Editor
para que el fondo sea transparente.
3. En una nueva capa dibujamos un rectngulo sin relleno, que va a ser el
contenedor del picto y lo duplicamos (Edicin/Dup licar ) varias veces para tener
los contenedores de todas las imgenes.
4. Distribuimos los rectngulos en el escenario.
5. Dibujamos otro rectngulo para contener las palabras, y seleccionamos una
lnea discontinua: Panel Propiedades/ Relleno y trazo/Estilo/Disco ntinua .
6. Duplicamos estos rectngulos.
7. Colocamos un rectngulo discontinuo debajo de cada continuo.
8. Arrastramos el primer picto de la Biblioteca al escenario, ajustamos el tamao y
lo colocamos dentro del primer rectngulo.
9. Con la herramienta Seleccin , seleccionamos el picto y los dos rectngulos (el
continuo y el discontinuo) y los convertimos en smbolo del tipo Clip de
pelcula .
10. Le asignamos el nombre des1 y como nombre de instancia le ponemos
d1 .
11. Repetimos los pasos 8 a 10 con los dems pictos.
12. Con la herramienta Texto vamos a escribir las palabras. Elegimos el tipo y
tamao de la letra, clicamos en el escenario y escribimos la primera palabra
(carta ). Como el primer picto ha sido el de carta, elijo la palabra que va con l
la primera.
13. Con la herramienta Seleccin clicamos en la palabra para seleccionarla.
14. Con la palabra seleccionada clicamos en Modificar/Separar dos veces.
15. Modificar/Convertir en smbolo . Seleccionamos el tipo Clip de pelcula y
nombramos como pal1 .
16. Nombramos la instancia como p1 .
17. Seguimos los pasos 12 a 17 con las dems palabras. Debemos tener
cuidado de seguir el orden para que nos sea ms fcil recordar que el 1 hace
referencia a la carta (des1 indica que es el destino de la palabra carta, que a
su vez es p1 o palabra 1), el 2 en este caso es Internet (des2 es el
contenedor de la palabra Internet, que a su vez tiene el nombre de smbolo
p2 ), y as sucesivamente.
18. Colocamos las palabras en el orden que queremos que se vean.
19. Vamos a duplicar las palabras y a volverlas invisibles: clicamos en una
palabra, vamos a Edicin/Duplicar , la colocamos en el rectngulo contenedor de
la palabra y en el panel Propiedades le damos nombre a la instancia (si la
palabra era p1 , a sta la nombraremos como p11 , y as sucesivamente).
20. Para hacerla invisible, en el panel Propiedades/Efecto de color/Alfa/0% .
-
21. Asignamos los cdigos a las palabras que vamos a arrastrar (no a las
transparentes). Con el clip de pelcula seleccionado, vamos a Ventana/Acciones
y pegamos el siguiente cdigo:
Solo tenemos que sustituir el nombre de los clips (p1 y p11) por los de cada
uno de los otros.
Publicamos el archivo swf: Archivo/Publicar .
on (press) {
_root.p1.startDrag();
}
on (release) {
if (_root.p1.hitTest(_root.p11))
{
_root.aciertos++; _root.p1.stopDrag();
_root.p1._x = _root.p11._x;
_root.p1._y = _root.p11._y;
_root.p1._name = "p1fin";
}
else if (this.name "p1fin")
{
_root.errores++;
_root.p1._x = random("445,65");
_root.p1._y = random("208,60");
_root.p1.stopDrag(); }
}