chuleta arrastrar palabras

Download Chuleta Arrastrar Palabras

If you can't read please download the document

Upload: lolan65

Post on 19-Nov-2015

639 views

Category:

Documents


2 download

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(); }

    }