Degradados que cambian de color con Actionscript
3 seguidores
Hola. Estoy desarrollando una página para una discoteca, en la que estoy jugando con degradados que hacen el efecto de focos que iluminan las fotos de la disco.
Ahora lo que quiero el poder cambiar el color de estos degradados con ActionScript para que, por ejemplo, tengan un color u otro según la posición del ratón. Hay un ejemplo de exactamente esto en esta web
en la seccion club, al terminar la animación.
Gracias a todos por vuestra ayuda. No se lo que haría sin dmstk.
jamonido
Muchas Gracias!! ...todavía voy avanzando lentamente con la librería... pero está claro que por aquí van los tiros!!.... cuando tenga algo os enseño. Graciñas!!
psycho
Claro, es tic - tac. Para hacer un efecto en fade mejor utilizar lo que dices.
markshock
si.. pero esa opción es muy brusca.. el colotransform... hace una transición entre 1 degradado y otro.. visualmente creo que queda mas real...
psycho
Una solución facil es hacer 2 capas:
+ arrriba: un degradado de transparente a un color
+ abajo: un relleno de otro color.
Cuando "pintas" de color la capa de arriba, te respeta la transparencia.
Para cambiar los dos colores del degradado, "pintas" la capa de arriba de un color y la de abajo de otro.
markshock
yo tube el mismo problema, pero con una botonera que tenia de fondo un degradado de blanco a gris.. que necesitaba que al pasar por encima el degradado hiciera transición hacia rojo.. para tener un degradado de blanco a rojo... vamos.. lo mismo que tu pero usandolo con un onMouseOver y onMouseOut...
lo solucione con la libreria: http://hosted.zeh.com.br/mctween/index.html
y usando la propiedad: _mc.colorTransformTo();
de este modo...
<code>
//valores para el OVER
in_ra = 100;
in_rb = 86;
in_ga = 100;
in_gb = -31;
in_ba = 100;
in_bb = -31;
in_aa = 100;
in_ab = 0;
in_veloc = ".8";
in_type = "easeOutQuint";
//valores para el OUT
out_ra = 100;
out_rb = 0;
out_ga = 100;
out_gb = 0;
out_ba = 100;
out_bb = 0;
out_aa = 100;
out_ab = 0;
out_veloc = ".5";
out_type = "linear";
boton1_btn.onRollOver = function(){
this.colorTransformTo(in_ra, in_rb, in_ga, in_gb, in_ba, in_bb, in_aa, in_ab, in_veloc, in_type);
}
boton1_btn.onRollOut = function(){
this.colorTransformTo(out_ra, out_rb, out_ga, out_gb, out_ba, out_bb, out_aa, out_ab, out_veloc, out_type);
}
</code>
tu puedes usar lo mismo.. pero claro tendrás que cambiar los valores, segun la posición X e Y del ratón ... ;)
ya nos enseñaras que tal lo llevas ;)