Forked from: mash's wonderFl_KeyVisual_v3 with explanation diff:1 forked from: wonderFl_KeyVisual_v3 with explanation kobakoba forked:0favorite:0lines:173license : All rights reserved modified : 2008-12-18 23:55:18 Embed Tweet // forked from mash's wonderFl_KeyVisual_v3 with explanation // // -- welcome to wonderfl -- // // wonderflは、サイト上でFlashをつくることのできるサービス。 // // サイトにあるフォームにActionscript3のコードを書き、 // サーバサイドでコンパイルを行います。 // コンパイル結果がページ上に自動的に表示されるので、 // 完成したFlashをリアルタイムに見ながらコードを書くことができます。 // // まずは、Fork ボタンをクリックして、このソースを改造してみよう。 // // forked from Murai's wonderFl_KeyVisual_v3 package { /** * * @author Takashi Murai(KAYAC) */ import flash.display.* import flash.events.* import flash.text.* import flash.filters.*; import flash.geom.*; import flash.utils.* [SWF(width="465", height="465", backgroundColor="0x000000", frameRate="15")] public class WonderFL extends MovieClip { // private var txtLayer:Sprite=new Sprite() private var drawPos:Sprite=new Sprite() private var textPos:Sprite=new Sprite() private var txtFmt:TextFormat = new TextFormat(); private var textFields:TextField=new TextField() //message private var messages :Array =[ "<_<_<_<__write code__________", "_<_<_<_<_write code__________", "<_<_<_<__write code__________", "_<_<_<_<_write code__________", "<_<_<_<__write code__________", "_<_<_<_<_write code__________", "<_<_<_<__write code__________", "_<_<_<_<_write code__________", "<_<_<_<__write code__________", "_<_<_<_<_write code__________", "<_<_<_<__write code__________", "_<_<_<_<_write code__________", "<_<_<_<__write code__________", "_<_<_<_<_write code__________", "<_<_<_<__write code__________", "_<_<_<_<_write code__________", "<_<_<_<__write code__________", "_<_<_<_<_write code__________", "<_<_<_<__write code__________", "_<_<_<_<_write code__________", "<_<_<_<__write code__________", "_<_<_<_<_write code__________", "<_<_<_<__write code__________", "_<_<_<_<_write code__________", "and watch it move here.", "and watch it move here!", "and watch it move here.", "and watch it move here!", "and watch it move here.", "and watch it move here!", "and watch it move here.", "and watch it move here!", "it's a wonderfl world" ] //lleasures private var posX:Number = 30 private var posY:Number = stage.stageHeight/2 private var disX:Number = 40 private var disY:Number = 5 private var deg:Number = 0 private var count:Number = 0; private var step:Number =2 private var cx:Number = stage.stageWidth /2 private var cy:Number = stage.stageHeight /2 private var xPos:Number = 0 private var yPos:Number = 0 //gladationLine private var mtx :Matrix = new Matrix(); private var gradCount :Number =1 private var gradDir :Number =1 private var life :Number =0 private var lifeLmt :Number =100 //fader private var blurVall :Number =4 private var faderAlpha :Number =0.8 private var interval :Number =100 private var _bdTxt:BitmapData private var _bmpTxt:Bitmap private var _bdLine:BitmapData private var _bmpLine:Bitmap private var _blurF:BlurFilter public function WonderFL() { init() initFader() this.addChild(_bmpLine) this.addChild(_bmpTxt) txtLayer.addChild(textPos) textPos.addChild(textFields) } private function init() :void { initLissajous() setMessage("","normal",0xFFFFFF) faderAlpha=0.9 var timerLmt :Number =(messages.length-1) var phaseCnt :Number =0 var phase1:Timer = new Timer(interval, timerLmt); phase1.addEventListener(TimerEvent.TIMER, function(e:Event) :void { setMessage(messages[phaseCnt++],"normal",0xFF0000) }); phase1.start(); var phase2:Timer = new Timer((timerLmt)*interval+1500, 1); phase2.addEventListener(TimerEvent.TIMER_COMPLETE, function(e:Event) :void { setMessage(messages[messages.length-1],"normal",0xFFFFFF) startLissajous() faderAlpha=0.999 }); phase2.start(); var phase3:Timer = new Timer((timerLmt)*interval+1500+10000, 1); phase3.addEventListener(TimerEvent.TIMER_COMPLETE, function(e:Event) :void { reset() }); phase3.start(); } private function reset() :void { stage.removeEventListener(Event.ENTER_FRAME, drawLissajous); init() } private function setMessage(mes:String,blend:String,hex:Number) :void { txtFmt.font="Arial" txtFmt.align = TextFormatAlign.CENTER; txtFmt.color=hex txtFmt.size=30 textFields.defaultTextFormat = txtFmt; textFields.multiline=true textFields.autoSize=TextFieldAutoSize.LEFT textFields.x =0 textFields.y = 0 textFields.text=mes textPos.alpha=0.5 textPos.blendMode=blend textPos.x=stage.stageWidth/2-textFields.width/2 textPos.y=stage.stageHeight/2-textFields.height/2 } private function initFader() :void { _bdTxt=new BitmapData(stage.stageWidth,stage.stageHeight,true,0x000000); _bmpTxt=new Bitmap(_bdTxt); _blurF=new BlurFilter(blurVall,blurVall,3); _bdLine=new BitmapData(stage.stageWidth,stage.stageHeight,true,0x000000); _bmpLine=new Bitmap(_bdLine); _blurF=new BlurFilter(blurVall,blurVall,3); stage.addEventListener(Event.ENTER_FRAME, render); } private function render(e:Event):void { _bdLine.colorTransform(_bdLine.rect, new ColorTransform(1, 1, 1,faderAlpha, 0, 0, 0, 0)); _bdLine.applyFilter(_bdLine,_bdLine.rect,new Point(0,0),_blurF); _bdTxt.colorTransform(_bdTxt.rect, new ColorTransform(1, 1, 1,0.9, 0, 0, 0, 0)); _bdTxt.applyFilter(_bdTxt,_bdTxt.rect,new Point(0,0),_blurF); _bdLine.scroll(8,0) _bdLine.draw(drawPos); _bdTxt.draw(txtLayer); } private function initLissajous() :void { mtx.createGradientBox(400, 400, 0, 0, 0); drawPos.graphics.clear() drawPos.graphics.lineStyle(4); drawPos.graphics.lineGradientStyle(GradientType.LINEAR, [0xFF0000, 0x0000FF], [1,0.2],[gradCount,255-gradCount], mtx, SpreadMethod.REFLECT); drawPos.graphics.moveTo(xPos,yPos); } private function startLissajous() :void { stage.addEventListener(Event.ENTER_FRAME, drawLissajous); } private function drawLissajous(e:Event):void { count+= step; xPos = posX * Math.sin(disX * count + deg) yPos = (posY) * Math.sin(disY * count) + cy if(gradCount>=255 || 0>=gradCount){ gradDir*=-1 } gradCount+=gradDir life=life>lifeLmt?0:life+1 if (life>lifeLmt) { drawPos.graphics.clear() drawPos.graphics.lineStyle(1); drawPos.graphics.moveTo(xPos,yPos) } drawPos.graphics.lineGradientStyle(GradientType.LINEAR, [0xFF0000, 0x0000FF], [(gradCount/255),((255-gradCount)/255)],[1,255], mtx, SpreadMethod.REFLECT); drawPos.graphics.lineTo(xPos,yPos); } } } Code Fullscreen Preview Fullscreen stageWidth addEventListener scroll removeEventListener lineGradientStyle TextFormatAlign.CENTER TimerEvent.TIMER_COMPLETE SpreadMethod.REFLECT start blendMode GradientType.LINEAR reset multiline font defaultTextFormat align colorTransform TimerEvent.TIMER applyFilter createGradientBox