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
[…] 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: […]
[…] con este efecto, ahora hay que hacer que la linea se enganche al cursor.Para eso hay que hacer que el clip que […]