Efecto de cursor atado a un hilo (1)

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, 100);

Le indicamos el punto inicial de la linea, en este caso sería la posición del clip marcaInicio

linea.moveTo(marcaInicio._x, marcaInicio._y);

Dibujamos una linea curva de este punto al punto marcaFin utilizando como punto de curva el clip marcaControl

linea.curveTo(marcaControl._x, marcaControl._y, marcaFin._x, marcaFin._y);

Si reproducimos ahora la pelicula es resultado es este:

 

 

Sencillísimo, no? Bueno… mañana más.

Compártelo:

Visto 7.058 veces