Download - Manejo de eventos
![Page 1: Manejo de eventos](https://reader035.vdocumento.com/reader035/viewer/2022062706/557b83c4d8b42a333a8b4749/html5/thumbnails/1.jpg)
MANEJO DE EVENTOSLo primero que haremos es buscar dos huevos en internet luego acomodarlos en photospot por lo que los guardaremos como PNG. Luego abrimeros flash para expotar a la biblioteca, por lo que en la biblioteca me tiene que aparecer el símbolo de cada huevo.
Luego cremos 20 botones en el que a cada uno de ellos le agregaremos un nombre cuando lo estemos combirtiendo en símbolo de tipo botón, a estos botones también le agregaremos una istancia con su nombre y la terminación _btn.
Los nombres deben ser asi:
Arriba, abajo, izquierda, derecha, alpha +, alpha -, rotar +, rotar -, tamaño +, tamaño -, escala +. Escala -, Habilitado, inhabilitado,visible, invisible,url, resetear, reproducir, detener
Ejemplo:
![Page 2: Manejo de eventos](https://reader035.vdocumento.com/reader035/viewer/2022062706/557b83c4d8b42a333a8b4749/html5/thumbnails/2.jpg)
Luego en la biblioteca le damos doble clic a nuestro símbolo del huevo porlo que octendremos el siguiente resultado.
Después le damos clic derecho y nos dirigimos a propiedades para proyectarle un nombre indicado como lo siguiente.
![Page 3: Manejo de eventos](https://reader035.vdocumento.com/reader035/viewer/2022062706/557b83c4d8b42a333a8b4749/html5/thumbnails/3.jpg)
En la ventana de propiedades le agregamos un nombre en el cual lo colocaremos como un símbolo de clip de película, luego le daremos en configuración avanzada por lo que en un recuadro de exportación de actión script lo señalaremos.
Aceptamos para optener nuestro complejo resultado.
![Page 4: Manejo de eventos](https://reader035.vdocumento.com/reader035/viewer/2022062706/557b83c4d8b42a333a8b4749/html5/thumbnails/4.jpg)
Después me dirijo por nuestra primera capa AS3 en acciones con f9, ya proyectados en acciones epezaremos a escribir códigos de actión script en libreias, variables, funciones, eventos entre otros.
Al asignarle los códigos indicados ptendremos lo siguiente:
![Page 5: Manejo de eventos](https://reader035.vdocumento.com/reader035/viewer/2022062706/557b83c4d8b42a333a8b4749/html5/thumbnails/5.jpg)
Con el siguiente código haremos mover el huevo:
import flash.events.MouseEvent;
//librerias
//variables
var huevito:Huevo=new Huevo();
//funciones
function arrastrar(evento:MouseEvent):void{
evento.target.startDrag();
}
//eventos
//el_objeto.addEventListener(TipoEvento.EL_EVENTO,laFuncion);
huevito.addEventListener(MouseEvent.MOUSE_DOWN,arrastrar);
//estados iniciales
huevito.stop();
huevito.x=stage.stageWidth/2;
huevito.y=stage.stageHeight/2;
//hacemos que el huevito se combierta en un boton
//colocacamos a true el buttonMode
huevito.buttonMode=true;
addChild (huevito);
![Page 6: Manejo de eventos](https://reader035.vdocumento.com/reader035/viewer/2022062706/557b83c4d8b42a333a8b4749/html5/thumbnails/6.jpg)
En este caso mi huevito lo centre el área de mi película o scena.
Luego con el siguiente código se cambiara en huevo
import flash.events.MouseEvent;
import fl.motion.MotionEvent;
//librerias
//variables
var huevito:Huevo=new Huevo();
//funciones
function arrastrar(evento:MouseEvent):void{
evento.target.startDrag();
}
function soltar(evento:MouseEvent):void{
![Page 7: Manejo de eventos](https://reader035.vdocumento.com/reader035/viewer/2022062706/557b83c4d8b42a333a8b4749/html5/thumbnails/7.jpg)
evento.target.stopDrag();
}
function sobre(evento:MouseEvent):void{
evento.target.gotoAndStop(2);
}
function afuera(evento:MouseEvent):void{
evento.target.gotoAndStop(1);
}
//eventos
//el_objeto.addEventListener(TipoEvento.EL_EVENTO,laFuncion);
huevito.addEventListener(MouseEvent.MOUSE_DOWN,arrastrar);
huevito.addEventListener(MouseEvent.MOUSE_UP,soltar);
huevito.addEventListener(MouseEvent.MOUSE_OVER,sobre);
huevito.addEventListener(MouseEvent.MOUSE_OUT,afuera);
//estados iniciales
huevito.stop();
huevito.x=stage.stageWidth/2;
huevito.y=stage.stageHeight/2;
//hacemos que el huevito se combierta en un boton
//colocacamos a true el buttonMode
huevito.buttonMode=true;
addChild (huevito);
![Page 8: Manejo de eventos](https://reader035.vdocumento.com/reader035/viewer/2022062706/557b83c4d8b42a333a8b4749/html5/thumbnails/8.jpg)
Luego con el siguiente código a los símbolos le darimos una orden deacuerdo a su nombre:
![Page 9: Manejo de eventos](https://reader035.vdocumento.com/reader035/viewer/2022062706/557b83c4d8b42a333a8b4749/html5/thumbnails/9.jpg)
import flash.events.MouseEvent;
import fl.motion.MotionEvent;
//librerias
//variables
var huevito:Huevo=new Huevo();
//funciones
function arrastrar(evento:MouseEvent):void{
evento.target.startDrag();
}
function soltar(evento:MouseEvent):void{
evento.target.stopDrag();
}
function sobre(evento:MouseEvent):void{
evento.target.gotoAndStop(2);
}
function afuera(evento:MouseEvent):void{
evento.target.gotoAndStop(1);
}
function accionesBotones(evento:MouseEvent):void{
//colocamos en la opcion el nombre de instancia
switch(evento.target.name){
case "arriba_btn":
huevito.y-=5;
break;
![Page 10: Manejo de eventos](https://reader035.vdocumento.com/reader035/viewer/2022062706/557b83c4d8b42a333a8b4749/html5/thumbnails/10.jpg)
}
}
//eventos
//el_objeto.addEventListener(TipoEvento.EL_EVENTO,laFuncion);
huevito.addEventListener(MouseEvent.MOUSE_DOWN,arrastrar);
huevito.addEventListener(MouseEvent.MOUSE_UP,soltar);
huevito.addEventListener(MouseEvent.MOUSE_OVER,sobre);
huevito.addEventListener(MouseEvent.MOUSE_OUT,afuera);
//movimientos con los botones
arriba_btn.addEventListener(MouseEvent.CLICK,accionesBotones);
//estados iniciales
huevito.stop();
huevito.x=stage.stageWidth/2;
huevito.y=stage.stageHeight/2;
//hacemos que el huevito se combierta en un boton
//colocacamos a true el buttonMode
huevito.buttonMode=true;
addChild (huevito);
![Page 11: Manejo de eventos](https://reader035.vdocumento.com/reader035/viewer/2022062706/557b83c4d8b42a333a8b4749/html5/thumbnails/11.jpg)
Al darle clic en arriba mi huevito, subirá y asi mismo con mis otros botones.