Comunidad de diseño web y desarrollo en internet online

Hacer que una línea siga al mouse

Citar            
MensajeEscrito el 25 Ene 2008 07:22 pm
Ok...

tengo esto:

Código :

this.createEmptyMovieClip("circle_mc", 1);
_root.onEnterFrame = function(){
   with (circle_mc) {
      lineStyle(0, 0x0000FF, 100);
      curveTo(_xmouse,_ymouse,50,50);
   }
}


Lo que no entiendo es cómo hacerle para que no se agreguen líneas... lo que quiero es que la línea siga al mouse, pero UNA SOLA...

Bueno, espero puedan ayudarme, mil gracias :D

Por Stockman

Claber

145 de clabLevel



 

firefox
Citar            
MensajeEscrito el 25 Ene 2008 07:54 pm
Con esto: solo tienes que meter esa linea en el onEnterFrame.

Código :

_root.onEnterFrame = function(){
   this.createEmptyMovieClip("circle_mc", 1);
   with (circle_mc) {
      lineStyle(0, 0x0000FF, 100);
      curveTo(_xmouse,_ymouse,50,50);
   }
}

Por vcomics

217 de clabLevel



 

Medellin - Colombia

firefox
Citar            
MensajeEscrito el 25 Ene 2008 08:04 pm
Wow... ahora... mi duda... es...

¿porqué funciona así?

Realmente quiero entender el proceso... Según mi lógica (la cual indica que la tierra tiene forma de trompo y que lo hace girar una mano gigante) el incluir la línea que crea el MovieClip repetiría el proceso a N veces por segundo...

ahora... (es una de esas revelaciones que tienes mientras haces las preguntas)

El crear un nuevo MC con el mismo nombre sustituye constantemente al otro?

Eso es lo que pasa??

ESTOY DEMASIADO LOCO???

jejej

Bueno, Mil gracias Vcomics :D

Saludos

Por Stockman

Claber

145 de clabLevel



 

firefox
Citar            
MensajeEscrito el 25 Ene 2008 08:14 pm
:? mmmmm.. no te entendi bien.. pero sip mas o menos es lo que hace!!!
Jeje
Saludos de nuevo!!!
:wink:

Por vcomics

217 de clabLevel



 

Medellin - Colombia

firefox
Citar            
MensajeEscrito el 26 Ene 2008 10:50 pm
emmmm... pues perdon por ser metiche.....
pero me gusto el script.... y me preguntaba como seria posible cambiar la posicion de la linea....
por ejemplo....
ajuste la linea a los pixeles del archivo...
y esta aparece desde la esquina superior izquierda hasta la esquina inferior derecha...
lo que intento es crear una segunda linea, que comienze al lado contrario....
desde la esquina superior derecha a la inferior izquierda...


soy un novato en actionscript y perdon por la molestia...

Por riajiru

38 de clabLevel



Genero:Masculino  

firefox
Citar            
MensajeEscrito el 26 Ene 2008 11:24 pm
No se si esto puede resolver tu duda pero hice un experimento con el Código posteado antes y mira mas o menos lo que sucede:
últimamente ando con el "no al onEnterFrame"

Código :

var posx:Number = 600;
var posy:Number = 400;
//
_root.onMouseMove = function() {
   this.createEmptyMovieClip("circle_mc",1);
   with (circle_mc) {
      lineStyle(0,0x0000FF,100);
      curveTo(_xmouse,_ymouse,posx,posy);
      lineStyle(0,0x0000FF,0);
      lineTo(0,posy);
      lineStyle(0,0x0000FF,100);
      curveTo(_xmouse,_ymouse,posx,0);
   }
   updateAfterEvent();
};

Saludos!!

Por vcomics

217 de clabLevel



 

Medellin - Colombia

firefox
Citar            
MensajeEscrito el 26 Ene 2008 11:28 pm
si es precisamente eso lo que queria hacer.... muchas gracias por la ayuda.....
podrias dar una pequeña explicacion?.....
si no es mucho pedir claro...

Por riajiru

38 de clabLevel



Genero:Masculino  

firefox
Citar            
MensajeEscrito el 26 Ene 2008 11:47 pm

riajiru escribió:

si es precisamente eso lo que queria hacer.... muchas gracias por la ayuda.....
podrias dar una pequeña explicacion?.....
si no es mucho pedir claro...

bueno esto es lo que significan las líneas de código pero para todos estos datos siempre es bueno leer y estudiar un poco las ayudas de flash:

Código :

var posx:Number = 600;// posición en X
var posy:Number = 400;// posición en Y
//
// La función onMouseMove es la que genera el dibujo de las líneas
_root.onMouseMove = function() {
   // Creamos un nuevo MovieClip
   this.createEmptyMovieClip("circle_mc",1);
   // incluimos todas las características a este MovieClip
   with (circle_mc) {
      // Propiedades de dibujo
      lineStyle(0,0x0000FF,100);
      curveTo(_xmouse,_ymouse,posx,posy);
      lineStyle(0,0x0000FF,0);
      lineTo(0,posy);
      lineStyle(0,0x0000FF,100);
      curveTo(_xmouse,_ymouse,posx,0);
   }
   // Hacemos que la función se repita con cada movimiento del mouse
   // esto hará que se vea más fluido el movimiento
   updateAfterEvent();
   // updateAfterEvent(); creo que solo fonciona para las funciones del mouse
};

Saludos de nuevo!!!

Por vcomics

217 de clabLevel



 

Medellin - Colombia

firefox
Citar            
MensajeEscrito el 27 Ene 2008 02:04 am
Bueno, para mover el origen de la línea yo hice esto:

Código :

_root.onEnterFrame = function(){
   this.createEmptyMovieClip("circle_mc", 1);
   with (circle_mc) {
      _x = Stage.width/2;
      _y = Stage.height/2;
      lineStyle(0, 0x0000FF, 100);
      curveTo(_xmouse,_ymouse,50,50);
   }
}


Tu nada más cambias _x y _y según la posición que quieras, eso fue para centrarlo perfectamente en la pantalla :P

Sobre lo que ando haciendo ahorita es que el movimiento que haga la línea tenga un pequeño retraso entre que mueves el mouse y se mueva la línea jejejeje

Está locochón, en cuanto lo tenga lo posteo =)

Saludos

Por Stockman

Claber

145 de clabLevel



 

firefox
Citar            
MensajeEscrito el 28 Ene 2008 03:23 pm
Certified professional?. Tengo mis dudas, sinceramente. Luego de leer este post.

Por gustavogarzon

166 de clabLevel



 

msie7
Citar            
MensajeEscrito el 28 Ene 2008 03:24 pm
Que comentario tan rabón juajuaa XD me cÅgo en la putÅ calavera.

Por gustavogarzon

166 de clabLevel



 

msie7
Citar            
MensajeEscrito el 28 Ene 2008 03:44 pm
Chale... Jejeje ... ni qué decirte gus... ni cómo meter las manos... :P

Por Stockman

Claber

145 de clabLevel



 

firefox

 

Cristalab BabyBlue v4 + V4 © 2011 Cristalab
Powered by ClabEngines v4, HTML5, love and ponies.