Paginas Amigas

Efecto Reflejo Espejo Flash As3 PDF Imprimir E-mail
1
Escrito por Fernando   
Martes, 21 de Abril de 2009 21:20


Para este ejercicio vamos rea alisar un efecto de reflejo como muestra la imagen de arriba en este caso emplearemos la cases FXDegrado.

Anteriormente se a publicado una forma de utilizar esta clase lo podéis ver en este enlace

1-Esto no es muy complicado ni mucho menos, simplemente tendremos que importar la imagen que queremos reflejar a la biblioteca y vincularla en este caso lo vinculamos con el nombre de palacio

2- una ves echo esto simplemente la mostramos en el escenario de esta manera



Código :as3
 
// Importamos la clase FXDegrado la cual nos servira para crear un degrado alpha 
import cfx.Efectos.FXDegrado;
//Recogemos de la biblioteca la imagen previoamente vinculada 
var img:BitmapData=new palacio(0,0);
//Creamos un objeto Bitmap en el cual se colocara el la imagen para poder ser mostrada en el escenario
var bimg:Bitmap=new Bitmap(img);
//La mostramos en el escenario 
addChild(bimg);
//Ahora Crearemos el reflejo de la imagen 
//Primero creamos un objeto de clase FXDegrado 
var Fxdegra:FXDegrado=new FXDegrado();
//Recogemos nuevamente un copia de la imagen igual que lo anteriormente hemos hecho
var img_reflejo:BitmapData=new palacio(0,0);
//Creemos otro Bitmap el cual contendrá la imagen del reflejo
//A diferencia de el Bitmap de arriba antes de meter la imagen primero la degradamos de este modo 
// Fxdegra.DegradoAlpha(img_reflejo,Math.PI/2) de este modo la imagen tendrá ya un degrado transparente en la parte de arriba
var bimg_reflejo:Bitmap=new Bitmap(Fxdegra.DegradoAlpha(img_reflejo,Math.PI/2));
// Invertimos la imagen 
bimg_reflejo.scaleY=-1;
//Con esto colocamos la imagen debajo de la anterior 
bimg_reflejo.y=bimg.y+bimg.height+bimg_reflejo.height;
// Para darle un poco mas de sutileza reducimos su alfa para que no se muestren tan clara 
bimg_reflejo.alpha=0.6;
//Por ultimo mostramos la el reflejo en el escenario 
addChild(bimg_reflejo);
 
Analizado en 0.034 segundos ha 39.77 KB/s, GeSHi 1.0.8.2-- CFX.GHCode Programado Por Crea-Flash.com



Con alterar simplemente el código de una forma simple podemos conseguir resultados como este



El código que se utilizo para este efecto es el siguiente, el nombre de la imagen vinculada es logo



Código :as3
 
import cfx.Efectos.FXDegrado
var img:BitmapData=new logo(0,0)
var bimg:Bitmap=new Bitmap(img)
bimg.x=175-(bimg.width/2)
addChild(bimg)
var Fxdegra:FXDegrado=new FXDegrado()
var img_reflejo:BitmapData=new logo(0,0)
var bimg_reflejo:Bitmap=new Bitmap(Fxdegra.DegradoAlpha(img_reflejo,Math.PI))
bimg_reflejo.scaleX=-1
bimg_reflejo.x=bimg.x-15
 
addChild(bimg_reflejo)
 
var img_reflejo2:BitmapData=new logo(0,0)
var bimg_reflejo2:Bitmap=new Bitmap(Fxdegra.DegradoAlpha(img_reflejo,Math.PI/180))
bimg_reflejo2.scaleX=-1
bimg_reflejo2.x=bimg.x+bimg.width+bimg_reflejo2.width+15
 
addChild(bimg_reflejo2)
 
Analizado en 0.033 segundos ha 18.36 KB/s, GeSHi 1.0.8.2-- CFX.GHCode Programado Por Crea-Flash.com


Descargar Archivo de ejemplo
Última actualización el Martes, 21 de Abril de 2009 23:49