Comunidad de diseño web y desarrollo en internet online

Boton que agranda y se reduce

Citar            
MensajeEscrito el 06 Mar 2005 07:28 pm
Ante todo soy nuevo aqui y tengo el gusto de registrarme en esta pagina buena, que hace muchos servicios..

Pues voy a la pregunta.... quisiera que alguien muy amable me ayude...

Mi pregun es: ¿Como hago un Boton con una animacion (que agranda y se reduce lentamente)?. como por ejemplo.
tengo un boton que al parsarle el raton se agrande y luego al retirarlo del boton se redusca a tu tamaño normal pero lentamente... Y por último como hago a ese boton que me vincule (por ejemplo a una pagina web "http://www.cristalab.com"). espero que alguien lo entienda de esa manera. haber si lo dan una miradita al paseo de windows Xp que esta en Programas/Accesorios..

Bueno eso es todo gracias..

Por rolyrowland

110 de clabLevel



 

msie
Citar            
MensajeEscrito el 06 Mar 2005 09:33 pm
Bienvenido a Cristalab.

Bueno lo que quieres hacer es algo muy sencillo, veamos creas la imagen que quieres convertir en botón presionas F8 (convertir en símbolo) escoges la opción botón, aceptar.
Luego das doble click en el botón, te apareceran cuatro fotogramas un poco más grandes que en la línea de tiempo normal, cada uno de los 3 primeros corresponden a un estado del botón, el cuarto es el area activa ( area en la que al pasar el cursor encima de ella, se convierte el cursor en una manita )

Ok, los 3 primeros son:
1.- Reposo ( la forma como se vé tu boton sin pasarle el cursor encima )
2.- Sobre ( cuando pasas el cursor puede ocurrir una reacción o no, depende de tí )
3.- Presionado ( estado en el que haces presión sobre él )

Ok en el estado "Sobre" seleccionas la imagen del botón y vuelves a presionar "F8" pero ésta vez seleccionas movie clip, aceptar.
Das doble click en el nuevo símbolo que acabas de crear y ahí haces la animación.

:wink:

Por La100rra

Claber

5776 de clabLevel

11 tutoriales
4 articulos

Genero:Masculino  

Cd. Juárez, Chihuahua, México.

clabbrowser
Citar            
MensajeEscrito el 06 Mar 2005 09:36 pm
yo ando buscando algo aprecido...pero no hay una manera de hacerlo conn AS? no hacer funciones de _xscale y _yscale?

saludos

Por rosvel

SWAT Team

1311 de clabLevel

2 tutoriales
1 articulo
1 ejemplo

Genero:Masculino   SWAT

"la oficina"

firefox
Citar            
MensajeEscrito el 06 Mar 2005 09:44 pm
mmmm mira rosvel, no dudo que si la haya, desgraciadamente mi nivel de as todavía es muy bajo, pero estoy seguro que si se puede e incluso casi creo que con las fórmulas de Robert Penner se puede lograr algo muy interesante.

Por La100rra

Claber

5776 de clabLevel

11 tutoriales
4 articulos

Genero:Masculino  

Cd. Juárez, Chihuahua, México.

clabbrowser
Citar            
MensajeEscrito el 06 Mar 2005 09:46 pm
hey, muy cierto..no lo habia pensado..deja investigo en eso...gracias man :D x cierto te agregue a mi msn, espero no haya problem :D
saludos

Por rosvel

SWAT Team

1311 de clabLevel

2 tutoriales
1 articulo
1 ejemplo

Genero:Masculino   SWAT

"la oficina"

firefox
Citar            
MensajeEscrito el 06 Mar 2005 10:26 pm
Una manera Nativa y fácil de hacerlo.

crea un movie clip con la forma deseada

en este caso un circulo

edita el movie clip y conviertelo a boton

en primer fotograma del MovieClip agrega un un AS:

stop();

al boton asignale:

on (rollOver) {
play();
}

para dirigir a un pagina sería:

on (release) {
getURL("http://www.cristalab.com");
}
*Nota: Recuerda siempre poner el http://

dale "movimiento" al boton (unos 15frames) ya sea que se agrande, a ese frame le asignas un AS:

stop();

ahora al boton cambiale el AS:

on (rollOut) {
play();
}

le das movimiento otra vez (otros 15 frames) al boton en este caso lo reduces de tamaño original.



Actualizacion:
te debe de funcionar mas o menos como esto:



aquí tengo un zip que te puede ayudar

http://www.prodigyweb.net.mx/a3shell/rollover.zip

Por Konfleis

BOFH

1176 de clabLevel

1 tutorial
2 articulos

Genero:Masculino   Bastard Operators From Hell Desarrollador de GAIA



Ultima edición por Konfleis el 06 Mar 2005 10:41 pm, editado 4 veces

Desde la CerealBox

firefox
Citar            
MensajeEscrito el 06 Mar 2005 10:36 pm
rosvel: no problem

Por La100rra

Claber

5776 de clabLevel

11 tutoriales
4 articulos

Genero:Masculino  

Cd. Juárez, Chihuahua, México.

clabbrowser
Citar            
MensajeEscrito el 07 Mar 2005 01:30 am
no sé para que se complican tanto la vida simulando efectos que facilmente se hacen con actionscript. imagínense, que necesitan hacer más grande la posición final del clip, en cambio si lo hacen con as es cambiar sólo una línea

Código :

MovieClip.prototype.escala = function(x, y, vel) {
   this.x = x;
   this.y = y;
   this.vel = vel;
   if (!this.vel) {
      this.vel = .18;
   }
   this.onEnterFrame = function() {
      this._xscale += (this.x-this._xscale)*this.vel;
      this._yscale += (this.y-this._yscale)*this.vel;
      if (Math.round(this._xscale) == Math.round(this.x) && Math.round(this._yscale) == Math.round(this.y)) {
         delete this.onEnterFrame;
      }
   };
};
bot.onPress = function() {
   this.escala(200, 200);
};

Por fael

BOFH

2443 de clabLevel

3 tutoriales
2 articulos

 

firefox
Citar            
MensajeEscrito el 07 Mar 2005 01:47 am
fael, abusando de tu gentileza, no sabes como se le puede agregar algun efecto elástico de las clases de Robert Penner ?

Por La100rra

Claber

5776 de clabLevel

11 tutoriales
4 articulos

Genero:Masculino  

Cd. Juárez, Chihuahua, México.

clabbrowser
Citar            
MensajeEscrito el 07 Mar 2005 03:21 am
de penner no, pero fácilmente le puedes meter un efecto elástico, es cuestión de buscarle, básicamente sería cambiar una línea

Por fael

BOFH

2443 de clabLevel

3 tutoriales
2 articulos

 

firefox
Citar            
MensajeEscrito el 07 Mar 2005 04:43 am
wooow, muchas gracias man!

para lo de la elasticidad...tengo un archivo q baje no recuerdo de donde...dice:

Código :

xscale = Number(300);
yscale = Number(300);
friction = .8;
ratio = .3;
speedXscale = 0;
speedYscale = 0;
bounce = false;


Código :

on (rollOver) {
   bounce = false;
   xscale = Number(xscale*2);
   yscale = Number(yscale*2);
}
on (rollOut) {
   bounce = false;
   xscale = Number(300);
   yscale = Number(300);
}



espero te sirva

saludos

Por rosvel

SWAT Team

1311 de clabLevel

2 tutoriales
1 articulo
1 ejemplo

Genero:Masculino   SWAT

"la oficina"

firefox
Citar            
MensajeEscrito el 08 Mar 2005 08:56 pm
bueno gracias a ustedes pero eso no me satisface para nada

Por rolyrowland

110 de clabLevel



 

msie
Citar            
MensajeEscrito el 08 Mar 2005 09:13 pm
errr..es esto lo q buscas?

solo modifique unas lineas de fael...y qdo asi:

Código :

MovieClip.prototype.escala = function(x, y, vel) {
   this.x = x;
   this.y = y;
   this.vel = vel;
   if (!this.vel) {
      this.vel = .18;
   }
   this.onEnterFrame = function() {
      this._xscale += (this.x-this._xscale)*this.vel;
      this._yscale += (this.y-this._yscale)*this.vel;
      if (Math.round(this._xscale) == Math.round(this.x) && Math.round(this._yscale) == Math.round(this.y)) {
         delete this.onEnterFrame;
      }
   };
};
bot.onRollOver = function() {
   this.escala(200, 200);
};
bot.onRollOut = function() {
   this.escala(100, 100);
};


si no es eso...pues de plano no entendi tu necesidad :oops: :oops:

saludos :D

Por rosvel

SWAT Team

1311 de clabLevel

2 tutoriales
1 articulo
1 ejemplo

Genero:Masculino   SWAT

"la oficina"

firefox
Citar            
MensajeEscrito el 09 Mar 2005 03:15 am
hola Rosvel

Esta muy bien que me hayas presentado este codigo final pero me podrias explicar paso a pasito para hacer el dichoso boton???, (este último que pusistes)
te lo agradesco.......

Por rolyrowland

110 de clabLevel



 

msie
Citar            
MensajeEscrito el 09 Mar 2005 03:41 am
pues es solo el unas lines poco distintas al de fael....veo q no hiciste el intento xti mismo verdad!?! :? :? :?

"muy mal jovencitoooo" :lol: :lol: :lol:

Por rosvel

SWAT Team

1311 de clabLevel

2 tutoriales
1 articulo
1 ejemplo

Genero:Masculino   SWAT

"la oficina"

firefox
Citar            
MensajeEscrito el 07 Oct 2010 12:09 pm
Gracias por la aportación!!
Aunque llevo mil horas intentando que cuando se aplique el efecto en vez de hacerlo desde la esquina superior izquierda, sea desde el propio centro del movieclip. ¿Alguien me sabría decir cómo? Ya comprobé que el registro está en el centro del movieclip pero no parece hacrele mucho caso...

Por lady_oruba

4 de clabLevel



Genero:Femenino  

firefox

 

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