征集網銳志網絡淘途找素材上91
創意在線首頁
平面設計交互設計CG動漫工業設計建筑環境數碼影像創意搜
 首頁大賽征集資訊教程畫廊訪談作品集創企同盟設計招聘人才專區競賽臺專題論吧 找素材看酷站設計網址庫
教程網 Illustrator、Photoshop、CoreaDreaw、AI教程、PS教程
當前位置:首頁 > 教程 > Flash > 正文
制作彈性放大鏡效果
作者: 來源:中國教程網論壇 發表時間:2010-4-12 14:57:28 瀏覽:

先看效果:
http://www.68design.net/download/201004/20100406162541791.swf

詳細代碼:

[SWF(frameRate=24)]

function Yuan(r:Number ,ang:Number):Sprite {

        var s:Sprite=new Sprite();//容器畫板

        var m:Matrix=new Matrix();

        m.createGradientBox(2*r,2*r,ang);//矩陣填充盒

        s.graphics.beginGradientFill(GradientType.LINEAR,[0xff0000,0x000000],[1,1],[0,255],m);

        s.graphics.drawCircle(r,r,r);

        s.graphics.endFill();

        return s;

}

//創建2個半徑為80圓

var spx:Sprite=Yuan(80,0);

var spy:Sprite=Yuan(80,Math.PI/2);//線性填充色偏移90

var ss:Number=2;//2的ss次冪

var i:Number=0;

//創建2個透明位圖,大小為圓1圓2等同

var spbtx:BitmapData=new BitmapData(spx.width,spx.height,true,0);

var spbty:BitmapData=new BitmapData(spy.width,spy.height,true,0);//為拷貝顏色通道的源位圖數據



spbtx.draw(spx);//位圖1拍照圓1,

spbty.draw(spy);//位圖2拍照圓2,

//位圖數據1拷貝以位圖2為源圖像的顏色通道值,源紅目標藍(1,4)

spbtx.copyChannel(spbty,spbty.rect,new Point(),BitmapDataChannel.RED, BitmapDataChannel.BLUE);

var spbtxm:Bitmap=addChild(new Bitmap(spbtx)) as Bitmap;//將位圖數據1保存到位圖顯示對象中



//創建用于添加濾鏡的位圖數據spb

var spb:BitmapData=new BitmapData(spx.width+60,spx.height+60,true,0);

spb.applyFilter(spbtx,spbtx.rect,new Point(30,30),new BlurFilter(30,30));//添加了模糊濾鏡的圖形

var S:BitmapData=new BitmapData(spx.width+60,spx.height+60,false,0x808080);

S.draw(spb);

spb.dispose();//釋放內存中的位圖數據對象

spbtx.dispose();

spbty.dispose();

mc.addEventListener(Event.ENTER_FRAME,onMove);

var p:Point=new Point();//目標圖左上角與置換圖左上角的偏移量

function onMove(e:Event):void {

        p.x+=(mouseX-spx.width/2-p.x)/5;//鼠標位置減置換圖目標位置的差值,使置換的偏移量為緩動效果

        p.y+=(mouseY-spx.height/2-p.y)/5;

        var MaxNum:Number=50 * Math.cos(i / 2)*(Math.pow (2,ss));//置換強度,2的ss次冪,置換強度是動態的,因此產生彈性跳動

        var filter:DisplacementMapFilter=new DisplacementMapFilter(S,p,1,4,MaxNum,MaxNum,DisplacementMapFilterMode.IGNORE);

        mc.filters=[filter];

        (i++>100)?i=0:0;//i大于100后讓cos的角度為0,圓的邊緣置換的強度漸漸減弱

        (ss+=0.5>30)?ss=0:0;//弧度值乘的系數也為0

}

在線編輯:wlx
本文鏈接:


推薦閱讀:
·2020第六屆“學院派獎”全國藝術與設計大賽 征集公告
·2020第十四屆“創意中國”設計大獎丨征稿章程
·青春唯美插畫培訓網絡遠程班正在招生
·現代經典黑白碰撞聲樂靈感 vivo S6展示現代美學新高度
·與愛同行·抗擊病毒--2020年全國“戰疫”海報設計大賽丨評審結果揭曉
·林存真:希望更多設計師關注“危機設計”
·10000元 2020年“中國航天日”宣傳海報征集通知
免責聲明:本站刊載此文不代表同意其說法或描述,僅為提供更多信息。對本文有異議,請聯絡本站!
轉載要求:文章作者及來源信息必需保留。轉載之圖片、文件請不要盜鏈本站地址,且不準打上各自站點的水印!

近期推薦報道 返回首頁更多精彩等著你!

Photoshop| Photoshop快速調出情侶圖片柔美的插畫藝術| 絕望的小熊—美國插畫師Luke
網頁設計| 波蘭Tiquet網站設計作品欣賞插畫藝術| Nanami Cowdroy靈動黑白插畫
Photoshop| Photoshop調出美女圖片絢麗的橙紅HTML/CSS| 實現DIV透明而里面的文字不透明
平面設計| 世界杯之平面廣告欣賞插畫藝術| Alberto Cerrite&ntil
平面設計| Havaianas人字拖最新平面廣告系列網頁設計| 英國madefavourite簡潔細膩型
韓國站點 素材資源 藝術攝影 游戲娛樂 影視網站 建筑家居 FLASH站 旅游購物 明星網站 個性展示 網站教學 工 作 室 學校教育
設計門戶 優秀企業 時尚品牌 象素站點 數碼通信 設計公司 汽車網站 國外優秀 兒童網站 文化藝術 體育運動 美容健身 食品飲料
網站名稱:whaternet
網站地址:http://whaternet.com/
加入時間:2014-8-5 13:59:20
網站名稱:mnnaite
網站地址:http://www.mnnaite.com/static/
加入時間:2014-8-5 13:58:07
網站名稱:tijuanaflats
網站地址:http://tijuanaflats.com/
加入時間:2014-8-5 13:55:32
網站名稱:digital
網站地址:http://production-digital.com/
加入時間:2014-8-5 13:54:45
網站名稱:deutschesee
網站地址:http://www.deutschesee.de/
加入時間:2014-8-5 13:51:54
網站名稱:kennedy
網站地址:http://www.kennedyandoswald.com/
加入時間:2014-8-5 13:50:57
關于本站 | 聯系方式 | 商業服務 | 合作伙伴 | 站點地圖 | 免責聲明 | 版權聲明 | 在線投稿  
 
宝石探秘财富加倍电子
快乐扑克任5 捷报手机比分网-百度-百度 安徽25选5 捕鱼游戏平台可下分 鼎禾配资 江西多乐彩11选5一定牛 香港马报免费资料最新 雀友会广东潮汕麻将 上海明星麻将最新版 吉林新快3开奖360 宁夏11选5任三最大遗漏多少期 湖北十一选五 pc蛋蛋豆豆网 股票型基金投资技巧 体彩顶呱刮中奖诀窍 打麻将怎么玩