Upload
ilber-dario-saza-garzon
View
133
Download
0
Embed Size (px)
Citation preview
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
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
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
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
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
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
Octavo Creamos un botón y lo llamaremos b2
Tutorial Flash - Arrastrar objetos
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
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
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
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
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