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, 0×000000, 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.
Post relacinonados:
1 Comment »
RSS feed for comments on this post. TrackBack URI
[...] 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: [...]