Comunidad de diseño web y desarrollo en internet online

herramienta para rotar ......como ????

Citar            
MensajeEscrito el 11 Sep 2007 08:01 pm
Hola...

quiero hacer una herramienta para rotar clips.

la idea es que al clicar sobre un clip aparezca una barra que parta desde el centro del clip clicado hasta mas o menos el borde del mismo, y que al arrastrar la barra desde su extremo derecho esta gire junto con el clip (la barra sería la herramienta para rotar ) (el centro o eje de rotación de la barra sería su extremo izquierdo y el del clip a rotar seria el centro de este)

como se que es un poco complicado de explicar hice una animacion en linea de tiempo para que se entienda mejor y la pueden ver aqui:
[url]
http://www.pantallas.cl/muestra/ejemplo.html
[/url]
obviamente debo usar _rotation pero no se como hacer para que al arrastrar el extremo derecho de la barra esta gire según el movimiento que se le aplica con el cursor, me imagino que debe haber una formula matemática pero yo no se mucho de eso y no se por donde empezar

me podrían dar algo de luz ???

muchas gracia
saludo

Por lucius

1 de clabLevel



 

safari
Citar            
MensajeEscrito el 11 Sep 2007 08:42 pm

Por Zandy

Claber

1345 de clabLevel

5 tutoriales

Genero:Masculino   Premio_Secretos

firefox
Citar            
MensajeEscrito el 11 Sep 2007 09:12 pm
Hola:
Tambien puedes dar un vistazo aqui
Saludos

Por willow001

52 de clabLevel



Genero:Masculino  

firefox
Citar            
MensajeEscrito el 12 Sep 2007 11:57 pm
hola,

bueno aquí apliqué algo de lo que aparecía en uno de los tutoriales que me postearon en las repuestas y logré hacer
que al clicar sobre un clip aparezca la herramienta (todavia no esta completa) y se pueda girar el clip, lo pueden ver aquí:
[url]
http://www.pantallas.cl/muestra/h_giro.html
[/url]
este es el código:

Código :

//esta es la función que se invoca para rotar el clip clicado
MovieClip.prototype.girar = function(BULEANO) {
   this.onEnterFrame = function() {
      presionado = BULEANO;
      if (presionado == true) {
         trace("precionado");
         //updateAfterEvent();
         xdif = _xmouse-this._x;
         ydif = _ymouse-this._y;
         angulo = Math.atan2(ydif, xdif);
         angulo = angulo*180/Math.PI;
         this._rotation = angulo;
         //clip_mc._rotation = nave_mc._rotation;
         ///
      } else {
         delete this.onEnterFrame;
      }
   };
};
//
/*con esto defino las coordenadas donde quiero que aparezca
el circulo que reprecenta el eje de la herramienta que tambien debe er el eje de rotación
del clip (es el centro del clip)
*/
ancho = Number(clip_mc._width/2);
alto = Number(clip_mc._height/2);
//al presionar el clip coloco el clip que representa el eje de la herramienta e invoco la funcion para rotar
clip_mc.onPress = function() {
   clip_mc.attachMovie("h_girar", "h_girar", 12, {_x:ancho, _y:alto});
   clip_mc.girar(true);
};
clip_mc.onRelease = clip_mc.onReleaseOutside=function () {
   clip_mc.girar(false);
};

ahora el problema es que los clip que debo usar están centrados con respento a x =0 y=0 (por otros motivos no puedo centrarlo de otra manera), osea su eje de rotación
va a ser la equina superior izquierda del clip, pero yo necesito que el eje sea el centro del clip.

como puedo hacer para que el eje de rotación sea el centro del clip ??

gracias
[/code][/url]

Por lucius

1 de clabLevel



 

safari
Citar            
MensajeEscrito el 13 Sep 2007 03:13 pm
Entras a editar el clip, te aparece una crucesita, que es el eje de rotación,
1) Abre la ventana Alinear (Align)
2) Verifica que el boton "To Stage" este oprimido
3) selecciona todo el contenido del movieclip
4) oprime el boton "Align horizontal center"
5) oprime el boton "Align vertical center"

con esto la crucesita que indica el eje de rotación quedara en el centro del cuadro.
vuelves a publicar tu pelicula y listo.

Por gabynufe

Claber

446 de clabLevel



 

México, D.F.

msie7

 

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