Crear Un Rompecabezas de Arrastrar y Soltar en ActionScript 3.0 _ Activetuts +

12/04/2011

Crear un rompecabezas de arrastrar y …

Publicidad Aquí

Crear un rompecabezas de arrastrar y soltar en ActionScript 3.0 Carlos Yáñez de 11 de enero 2010 con 36 comentarios Arrastrar y soltar es la acción de hacer clic en un objeto virtual y arrastrándola a otro lugar o en otro objeto virtual. En general, se puede utilizar para invocar muchas clases de acciones, o crear varios tipos de asociaciones entre dos objetos. En este tutorial vamos a crear un juego de arrastrar y soltar a juego con ActionScript 3.

Paso 1: Breve Descripción Utilización de ActionScript 3, haremos MovieClips arrastrables que será dado de baja en los objetivos de MovieClip, vamos a comprobar si el objetivo de su correcta utilizando el método hitTestObject.

Paso 2: A partir Open Flash y cree un nuevo archivo de Flash (ActionScript 3).

…tutsplus.com/…/create-a-drag-and-d…

1/9

12/04/2011


Ajuste el tamaño del escenario a 450 × 300 y añadir un fondo negro (# 1B1B1B).

Paso 3: los clips que se pueden arrastrar Vamos a necesitar algunos MovieClips para arrastrar, he usado algunos de los logotipos Envato mercado. Convertir a MovieClips y establecer sus nombres de instancia:

Paso 4: El objetivo Drop …tutsplus.com/…/create-a-drag-and-d…

2/9

12/04/2011


Un clip de película se utiliza como un destino de colocación para cada clip arrastrable, un simple rectángulo hará el trabajo.

Convertir el rectángulo de clip de película y duplicarlo (Comando + D) para que coincida con el número de objetos que pueden arrastrarse. Los nombres de instancia será el nombre del clip arrastrable, más objetivo , lo que nos deja denTarget, oceanTarget, etc

Paso 5: Guías Vamos a añadir algunas guías para ayudar al usuario a decidir qué hacer. Un título que le dirá al usuario lo que hacer con los elementos de la pantalla.


3/9

12/04/2011


Un icono para indicar al usuario cómo hacerlo.

Palabras clave para indicarle al usuario que para que coincida con los objetos.


4/9

12/04/2011


Paso 6: Tiempo de ActionScript Cree un nuevo documento ActionScript y guárdelo como "Main.as".

Paso 7: Las clases requeridas En esta ocasión tendremos que solo unas pocas clases. a simple vista copia al portapapeles de impresión ? 1. paquete 2. { 3. importación flash.display.Sprite; 4. importación flash.events.MouseEvent;

Paso 8: Extender la clase Vamos a usar Sprite métodos y propiedades específicas por lo que extender el uso de la clase Sprite. a simple vista copia al portapapeles de impresión ? 1. público de clase principal se extiende Sprite 2. {

Paso 9: Variables Estas son las variables que vamos a utilizar, se explica en los comentarios. a simple vista copia al portapapeles de impresión ? 1. var xPos: int ; / / Tiendas x posición inicial de la 2. var yPos: int ; / / hasta la posición inicial y

Paso 10: Función Principal Esta función se ejecuta cuando se carga la clase.


5/9

12/04/2011


a simple vista copia al portapapeles de impresión ? 1. público en la función Main (): vacío 2. { 3. addListeners (den, el océano, la selva, río, bosque); / / Una función para añadir a los oyentes a los clips de los parámetros 4. }

Paso 11: Función de la Posición Una función para obtener la posición de los MovieClips, esto nos ayudará a devolver el MC a su posición original cuando la caída de su meta incorrecta o sin destino de colocación fue golpeado. a simple vista copia al portapapeles de impresión ? 1. privado función getPosition (target: Object): vacío 2. { 3. xPos = target.x; 4. yPos = target.y; 5. }

Paso 12: Arrastre de inicio Esta función permite el arrastre en el clip con el oyente. a simple vista copia al portapapeles de impresión ? 1. privado función dragObject (e: MouseEvent): vacío 2. { 3. getPosition (e.target); 4. 5. e.target.startDrag ( verdadero ); 6. }

Paso 13: Deje de Arrastre La siguiente función se detiene el arrastre cuando el botón del ratón es liberado, sino que también comprueba si el objeto está en el destino de colocación correcta. a simple vista copia al portapapeles de impresión ? 1. privado función stopDragObject (e: MouseEvent): vacío 2. { 3. si (e.target.hitTestObject (getChildByName (e.target.name + "Target" ))) / / Comprueba el destino de colocación correcta 4. { 5. e.target.x = getChildByName (e.target.name + "Target" );. x / / Si de los casos, el lugar correcto en el clip en la misma posición que el objetivo 6. e.target.y = getChildByName (e.target.name + "Target" ) y.; 7. } …tutsplus.com/…/create-a-drag-and-d…

6/9

12/04/2011

8. 9. 10. 11. 12. 13. 14. 15. }


más { e.target.x = xPos; / / Si no, devolver el clip a su posición original e.target.y = yPos; } e.target.stopDrag (); / / Detener arrastre

Paso 14: Oyentes Agrega a los oyentes a los clips de los parámetros con el resto ... argumento. a simple vista copia al portapapeles de impresión ? 1. privado función addListeners (... objetos): vacío 2. { 3. de ( var i: int = 0; i objects.length <; i + +) 4. { 5. objetos [i] addEventListener (MouseEvent.MOUSE_DOWN, dragObject).; 6. objetos [i] addEventListener (MouseEvent.MOUSE_UP, stopDragObject).; 7. } 8. }

Paso 15: Clase de documento Ir de nuevo al archivo. Florida y en el Panel de Propiedades de agregar "Principal" en el campo de clase para hacer esta clase del documento.

Conclusión Ahora usted sabe cómo hacer fácilmente un destino de arrastre, esto puede ser muy útil para juegos y aplicaciones. Haga su propia aplicación de arrastre y tomar este concepto aún más! Gracias por leer! Like

15 people like this. Be the first of your friends.


7/9

12/04/2011


Carlos Yáñez es Carlos_Yanez en Tutsmarketplace

Por Carlos Yanez Carlos es un sitio Web / Logo Designer, desarrolladores de Flash con pasión por los grandes diseños y aplicaciones de frío.


8/9

12/04/2011



9/9

Crear Un Rompecabezas de Arrastrar y Soltar en ActionScript 3.0 _ Activetuts +

Recommend Documents