Home » Básico »Efectos »Tutoriales » Currently Reading:

Efecto de cursor atado a un hilo (1)

marzo 3, 2006 Básico, Efectos, Tutoriales 2 Comments
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:

Efecto de cursor atado a un hilo (1)
Visto 7.058 veces

Currently there are "2 comments" on this Article:

  1. […] 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: […]

  2. […] con este efecto, ahora hay que hacer que la linea se enganche al cursor.Para eso hay que hacer que el clip que […]

Comment on this Article:








Twitter: zguillez

AdvertisementAdvertisementAdvertisementAdvertisement

Recibe las novedades por email



Map

Ranking

Codigoactionscript.org: 4.65 sobre 5 (106 valoraciones)

twitter-widget.com