12
orial Flash - Arrastrar objetos Bienvenidos… con esta guía vamos a crear una aplicación para arrastrar objetos Elementos: 2 Cajas de texto Dinámico 3 Clips de película 1 botón . Ilber Darío Saza

Tutorial de flash

Embed Size (px)

Citation preview

Page 1: Tutorial de flash

Tutorial Flash - Arrastrar objetos

Bienvenidos… con esta guía vamos a crear una aplicación para arrastrar objetos

Elementos:

2 Cajas de texto Dinámico3 Clips de película1 botón

MG. Ilber Darío Saza

Page 2: Tutorial de flash

Esta actividad de flash tenemos una pregunta en donde el usuario debe seleccionar una de tres opciones y arrastrarla al cuadro de “tu respuesta”.

Si el usuario selecciona la respuesta incorrecta, aparecerá un botón llamado volver para intentarlo de nuevo.

Si el usuario selecciona la respuesta correcta aparecerá un aviso de felicitación “Muy bien”

Tutorial Flash - Arrastrar objetos

Page 3: Tutorial de flash

Primero cree una cuadro de texto dinámico y lo colocaremos en un lugar donde va a ser la respuesta

Segundo seleccionamos la opción mostrar borde

Tutorial Flash - Arrastrar objetos

Page 4: Tutorial de flash

Tercero seleccionamos el cuadro de texto y en la opción propiedades lo llamaremos trp

Cuarto Creamos otro cuadro de texto dinámico y lo ponemos debajo del cuadro tu respuesta con el nombre retro

retro

Tutorial Flash - Arrastrar objetos

Page 5: Tutorial de flash

Quinto Creamos un cuadro de texto, en él colocaremos la primera respuesta dinámico con nombre tx1

tx1

Sexto Seleccionamos la respuesta y hacemos click en Modificar, opción Clip de película y luego aceptar

Tutorial Flash - Arrastrar objetos

Page 6: Tutorial de flash

Séptimo hacemos los mismos pasos para los otras dos respuestas; para la respuesta número dos la llamaremos tx2 y para la tercera tx3 (no olvide que son clips de películas)

tx2

Tutorial Flash - Arrastrar objetos

Page 7: Tutorial de flash

Octavo Creamos un botón y lo llamaremos b2

Tutorial Flash - Arrastrar objetos

Page 8: Tutorial de flash

stop();//detiene la animación_root.b1._visible = false;//el boton 1 esta invisibleb2._visible = false;// el boton 2 esta invisibleretro._visible = false; //el cuadro de texto no muestra el mensaje_root.u1=1, _root.u2=1, _root.u3=1;posinix = t1._x;// se da una variable a cada una de la posiciones de cada una de las opcionesposiniy = t1._y;posinix2 = t2._x;posiniy2 = t2._y;posinix3 = t3._x;posiniy3 = t3._y;

Noveno Selecciones el fotograma y n el botón acciones copie y pegue el siguiente código

Tutorial Flash - Arrastrar objetos

Page 9: Tutorial de flash

Tutorial Flash - Arrastrar objetoson(press) {if(_root.u3==1 && _root.u2==1 && _root.u1==1)//iniciamos con decisiones{startDrag(this);//funcion para arrastras objetos}}on(release){stopDrag();_root.posx=this._x;_root.posy=this._y;if(_root.posx > 375.4 && _root.posx < 530 && _root.posy > 212 && _root.posy < 290)//esta posición //es para ubicar el clip de película sobre el cuadro de texto, donde colocamos la opción{cb=cb+1;tx1._x=400;//espacio y ubicación donde se ubicara el objeto para arrastrartx1._y=240; //Permite identificar que esta palabra fue colocada en el recuadro_root.u1=0; //Coloca un texto de felicitación_root.retro.text="Inténtalo de Nuevo"; // hace visible el texto de felicitación en el cuadro de texto retro_root.retro._visible=true; //hace visible el botón de continuar_root.b2._visible=true;}else//sentencia de entonces{ //Si al soltar el mouse el usuario no ubica el texto en la casilla devuelve la palabra a la posición inicialthis._x=_root.posinix1;this._y=_root.posiniy1;// podemos copiar el mismo código en cada uno de los clips//solo debemos cambiar el nombre del clip y el aviso del cuadro retro}}

Decimo Seleccione la respuesta, 1 luego click botón acciones copie y pegue el siguiente código

Page 10: Tutorial de flash

Tutorial Flash - Arrastrar objetoson(press) {if(_root.u3==1 && _root.u2==1 && _root.u1==1)//iniciamos con decisiones{startDrag(this);//funcion para arrastras objetos}}on(release){stopDrag();_root.posx=this._x;_root.posy=this._y;if(_root.posx > 375.4 && _root.posx < 530 && _root.posy > 212 && _root.posy < 290)//esta posición //es para ubicar el clip de película sobre el cuadro de texto, donde colocamos la opción{cb=cb+1;tx2._x=400;//espacio y ubicación donde se ubicara el objeto para arrastrartx2._y=240; //Permite identificar que esta palabra fue colocada en el recuadro_root.u1=0; _root.retro.text=“Muy bien"; //Coloca un texto de felicitación_root.retro._visible=true; // hace visible el texto de felicitación en el cuadro de texto retro_root.b2._visible=true; //hace visible el botón de continuar

}else//sentencia de entonces{ //Si al soltar el mouse el usuario no ubica el texto en la casilla devuelve la palabra a la posición inicialthis._x=_root.posinix1;this._y=_root.posiniy1;// podemos copiar el mismo código en cada uno de los clips//solo debemos cambiar el nombre del clip y el aviso del cuadro retro}}

Undécimo Seleccione la respuesta 2, luego click botón acciones copie y pegue el siguiente código

Page 11: Tutorial de flash

Tutorial Flash - Arrastrar objetoson(press) {if(_root.u3==1 && _root.u2==1 && _root.u1==1)//iniciamos con decisiones{startDrag(this);//funcion para arrastras objetos}}on(release){stopDrag();_root.posx=this._x;_root.posy=this._y;if(_root.posx > 375.4 && _root.posx < 530 && _root.posy > 212 && _root.posy < 290)//esta posición //es para ubicar el clip de película sobre el cuadro de texto, donde colocamos la opción{cb=cb+1;tx3._x=400;//espacio y ubicación donde se ubicara el objeto para arrastrartx3._y=240; //Permite identificar que esta palabra fue colocada en el recuadro_root.u1=0; _root.retro.text=“Muy bien"; //Coloca un texto de felicitación_root.retro._visible=true; // hace visible el texto de felicitación en el cuadro de texto retro_root.b2._visible=true; //hace visible el botón de continuar

}else//sentencia de entonces{ //Si al soltar el mouse el usuario no ubica el texto en la casilla devuelve la palabra a la posición inicialthis._x=_root.posinix3;this._y=_root.posiniy3;// podemos copiar el mismo código en cada uno de los clips//solo debemos cambiar el nombre del clip y el aviso del cuadro retro}}

Undécimo Seleccione la respuesta 3, luego click botón acciones copie y pegue el siguiente código

Page 12: Tutorial de flash

Tutorial Flash - Arrastrar objetos

on(press){_root.u1=1, _root.u2=1,_root.u1=1;retro._visible=false;b2._visible=false; tx1._x=posinix;tx1._y=posiniy;tx2._x=posinix2;tx2._y=posiniy2;tx3._x=posinix3;tx3._y=posiniy3}

Decimosegundo Seleccione el botón volver, luego click en acciones y copie y pegue el siguiente código