as3 倒影

转载 2011年01月14日 11:28:00

倒影类:
package com.flashdev.bitmap ...{
   
    /**//*
           
    Written by:
    Dustin Andrew
    dustin@flash-dev.com
    www.flash-dev.com
   
    LAST UPDATED:
    01/24/06
   
    Reflection.as
   
    Create a bitmap reflection of a displayobject   
           
    */
   
    import flash.display.*;
    import flash.geom.*;
    import flash.events.*;

    public class Reflection extends Sprite ...{
       
        private var _disTarget:DisplayObject;
        private var _numStartFade:Number = .3;
        private var _numMidLoc:Number = .5;
        private var _numEndFade:Number = 0;
        private var _numSkewX:Number = 0;
        private var _numScale:Number = 1;       
        private var _bmpReflect:Bitmap;
       
        // Constructor
        public function Reflection(set_disTarget:DisplayObject, set_numStartFade:Number, set_numMidLoc:Number, set_numEndFade:Number, set_numSkewX:Number, set_numScale:Number) ...{
            super()
            _disTarget = set_disTarget;
            _numStartFade = set_numStartFade;
            _numMidLoc = set_numMidLoc;
            _numEndFade = set_numEndFade;
            _numSkewX = set_numSkewX;
            _numScale = set_numScale;
           
            _bmpReflect = new Bitmap(new BitmapData(1, 1, true, 0));
            this.addChild(_bmpReflect);
            createReflection();
        }
       
        // Create reflection
        private function createReflection(event:Event = null):void ...{
           
            // Reflection
            var bmpDraw:BitmapData = new BitmapData(_disTarget.width, _disTarget.height, true, 0);
            var matSkew:Matrix = new Matrix(1, 0, _numSkewX, -1 * _numScale, 0, _disTarget.height);
            var recDraw:Rectangle = new Rectangle(0, 0, _disTarget.width, _disTarget.height * (2 - _numScale));
            var potSkew:Point = matSkew.transformPoint(new Point(0, _disTarget.height));
            matSkew.tx = potSkew.x * -1;
            matSkew.ty = (potSkew.y - _disTarget.height) * -1;
            bmpDraw.draw(_disTarget, matSkew, null, null, recDraw, true);
           
            // Fade
            var shpDraw:Shape = new Shape();
            var matGrad:Matrix = new Matrix();
            var arrAlpha:Array = new Array(_numStartFade, (_numStartFade - _numEndFade) / 2, _numEndFade);
            var arrMatrix:Array = new Array(0, 0xFF * _numMidLoc, 0xFF);
            matGrad.createGradientBox(_disTarget.width, _disTarget.height, 0.5 * Math.PI);
            shpDraw.graphics.beginGradientFill(GradientType.LINEAR, new Array(0,0,0), arrAlpha, arrMatrix, matGrad)
            shpDraw.graphics.drawRect(0, 0, _disTarget.width, _disTarget.height);
            shpDraw.graphics.endFill();
            bmpDraw.draw(shpDraw, null, null, BlendMode.ALPHA);
           
            _bmpReflect.bitmapData.dispose();
            _bmpReflect.bitmapData = bmpDraw;
           
            _bmpReflect.filters = _disTarget.filters;
           
            this.x = _disTarget.x;
            this.y = (_disTarget.y + _disTarget.height) - 1;         
        }
    }

测试类:

package ...{
   
    import com.flashdev.bitmap.*;   
    import flash.display.*;
    import flash.events.*;
    import flash.net.*;
    import flash.filters.*;

    public class ReflectionTest extends Sprite ...{
       
        // Constructor
        public function ReflectionTest() ...{
            // Setup stage
            this.stage.align = StageAlign.TOP_LEFT;
            this.stage.scaleMode = StageScaleMode.NO_SCALE;
           
            // Load image
            var loadImg:Loader = new Loader();
            loadImg.contentLoaderInfo.addEventListener(Event.COMPLETE, onImgLoaded);
            loadImg.load(new URLRequest("image.jpg"));
        }
       
        // Called when image is loaded
        private function onImgLoaded(event:Event):void ...{
           
            var sprImg:Sprite = new Sprite();
           
            // Attach image
            var disImg:DisplayObject = event.target.content;
            var filGlow:GlowFilter = new GlowFilter(0x000000, .3, 8, 8, 1, 3, false, false);
            disImg.filters = [filGlow];
            sprImg.addChild(disImg);
           
            // Add reflection
            var sprReflect:Reflection = new Reflection(disImg, .4, .2, 0, 0, 1);
            sprImg.addChild(sprReflect);           
           
            // Center
            sprImg.x = (this.stage.stageWidth - sprImg.width) / 2;
            sprImg.y = (this.stage.stageHeight - sprImg.height) / 2;
           
            this.addChild(sprImg);

}

}

}

相关文章推荐

AS3 倒影效果 www2.flash8.net 的带注释版

由于在RIA开发中需要对有水的地图场景做一些特效处理比如说倒影,如下图的效果,至于RIA:请访问q.uen.cn/ria/ria.html 因此,分享一下倒影算法的心得,首先观察倒影的特...

AS3 倒影效果 带注释版

Application{ fontSize: 12; backgroundGradientColors: #AEB4E6, #AEB4E6; th

纯AS3倒影类

再此之前一段时间我曾分享过一个Flex版本的倒影类,接受uicompnent组件作为倒影目标,参考《Flex)一个Flex倒影组件类 Reflactor.as 的使用》!因为用到了一些mx类包下的类及...

CSS3 box-reflect(倒影效果)

之前那只能使用PS先将倒影设计好,然后再利用其进行开发。现在box-reflect属性可以进行图片、文字甚至视频等的倒影制作。但是!目前只在webkit浏览器下支持!需要加上私有前缀-webkit- ...
  • macanfa
  • macanfa
  • 2016年07月06日 22:49
  • 496

使用css3 box-reflect设计倒影效果

使用css3 box-reflect设计倒影效果 摘要: 说起倒影效果,在传统网页中,我们只能使用photoshop进行事先将倒影设计好,然后导入到网页中,这样不但耗费资...

CSS3 box-reflect 倒影效果

今天看一个有趣的3D案例的时候,看见这样一串代码,可以做出倒影效果,刚开始我还是看不懂的。 -webkit-box-reflect: below 8px -webkit-linear gradie...

HTML5+CSS3-第三节(文本对齐方式、文本修饰线、设定文本大小写、文本阴影、盒子阴影、盒子倒影、渐变色彩、)

(6)text-align-----文本对齐方式 A、text-align :Left;左对齐 B、text-align :right;右对齐 C、text-align :center;居中 D、te...

css3渐变、倒影、过渡 20160526

css3渐变、倒影、过渡

CSS3图片倒影技术

目前为止我们已经探讨了很多CSS3中的新功能和新特征。除了上面这些,实际上还有很多CSS新属性并未包含进CSS3官方标准中,像谷歌浏览器或火狐浏览器等都会利用CSS的浏览器引擎前缀(Vendor ...

2016.3.16__CSS3渐变_倒影_过渡_2D变形_3D变形__第十天

CSS3高级属性今日课程预览 1. 渐变1.1 线性渐变为了创建一个线性渐变,你必须至少定义两种颜色结点。颜色结点即你想要呈现平稳过渡的颜色。同时,你也可以设置一个起点和一个方向(或一个角度)。语法...
  • MR_LP
  • MR_LP
  • 2016年03月16日 22:06
  • 1478
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:as3 倒影
举报原因:
原因补充:

(最多只允许输入30个字)