Este es un pequeño ejemplo de como hacer un drag & drop de un Movieclip en actionscript 3.

Crearemos en flash9 un Movieclip al que llamaremos "clip".

En el fotograma añadiremos el siguiente código:

PLAIN TEXT
Actionscript:

clip.addEventListener(MouseEvent.MOUSE_DOWN, onMouse_Down);

clip.addEventListener(MouseEvent.MOUSE_UP, onMouse_Up);

Con esto asignaremoslos eventos de pulsar y soltar el mouse sobre el clip a las funciones "onMouse_Down" y "onMouse_Up".

Ahora definiremos estas funciones:

PLAIN TEXT
Actionscript:

function onMouse_Down(e:Event):void{

clip.startDrag()

}

function onMouse_Up(e:Event):void{

clip.stopDrag();

}

Con esto ya tendríamos el MovieClip "clip" arrastrable.

Este mismo código lo podríamos haber puesto dentro de una clase AS3:

PLAIN TEXT
Actionscript:

package{

import flash.display.*

import flash.events.*;

//------------------------------------

public class Drag extends MovieClip{

public var clip:MovieClip = new [...]

Este es un sencillo ejemplo de movimiento de clips. Consiste en mover un MovieClip hacia el punto donde hemos clicado con el mouse.

Para realizar este efecto utilizaremos la clase Tween, que nos permite mover un MovieClip de un punto a otro (como si de una interpolación de movimiento se tratara). Indicaremos como punto inicial la posición actualdel clip, y como posición final la posición del mouse una vez realizado el click.

Primero de todo crearemos el objeto detector (listener) que nos detectará los click realizados y calculará la posición actual del [...]

Con unas nociones básicas de trigonometría podemos conseguir este vistoso efecto:Un MovieCLip que gira alrededor de otro MovieCLip siguiendo una orbita.

function orbitar(clip1, clip2, distancia, velocidad) { angulo = (angulo == undefined) ? 0 : angulo += velocidad; angulo = (angulo>=360) ? 0 : angulo; anguloradianes = angulo*Math.PI/180; clip1._x = clip2._x+Math.round(distancia*Math.cos(anguloradianes)); clip1._y = clip2._y+Math.round(distancia*Math.sin(anguloradianes));}this.onEnterFrame = function() { orbitar(bola1, bola2, 50, 5);}; [...]

Siguiendo con este efecto, ahora hay que hacer que la linea se enganche al cursor.Para eso hay que hacer que el clip que dibuja el final de la linea se coloque en la posición del mouse, para eso crearemos una funcion:

function sigueMouse() { marcaFin._x = _xmouse+10; marcaFin._y = _ymouse+20;}

Los 10 y 20 pixeles de margen son para que el clip se coloque en el final de la flecha del cursor y no en la punta.

El codigo que creamos para dibujar la linea tambien lo [...]

Voy a estrenar este blog mostrando un efecto que estoy trabajando para un proyecto.Se trata de simular que el cursor esta atado a un hilo.Lo primero es generaremos un clip falso que utilizaremos como guía para dibujar la linea. Para hacer las pruebas con un punto negro ya nos sirve

Crearemos tres instancias de este clip en el escenario y los les pondremos los nombres de instancia: marcaInicio, marcaFin y marcaControl

Ahora viene el codigo que generará dinámicamente la línea.

Creamos un clip vacio al que llamamos linea

this.createEmptyMovieClip("linea", 1);

Le aplicamos un estilo

linea.lineStyle(3, 0x000000, [...]