FShape path draw

誰かの為の、SVG path要素を順次描画する簡単？な方法

forked:4
favorite:28
lines:59
license : MIT License
modified : 2009-08-28 15:45:11

Embed: Tweet

package{
    import frocessing.shape.*;
    import flash.display.*;
    import flash.events.*;
    /**
     * 誰かの為の、SVG path要素を順次描画する簡単？な方法 
     */
    [SWF(width=465,height=465,backgroundColor=0,frameRate=30)]
    public class TestShapePathDraw extends Sprite
    {
        private var sp:FShape;
        private var commands_tmp:Array;
        private var count:int;
        private var ci:int;
        private var d:int = 1;
        
        public function TestShapePathDraw() 
        {
            sp = FShapeSVG.parsePath( getXmlData() );
            sp.styleEnabled = false;
            count = sp.commands.length;
            ci = 0;
            commands_tmp = sp.commands.splice( 0, count );
            addEventListener( Event.ENTER_FRAME, enterframe );
        }
        
        private function enterframe(e:Event):void 
        {
            if( d>0 ){
                sp.commands.push( commands_tmp[ci] );
                ci++;
                if ( ci >= count )
                    d = -1;
            }else {
                sp.commands.pop();
                ci--;
                if ( ci <= 0 )
                    d = 1;
            }
            graphics.clear();
            graphics.lineStyle( 0, 0x999999 );
            sp.drawGraphics( graphics );
        }
        
        private function getXmlData():XML {
            var svg:String = "<path d=\"";
            svg += "M103.515,248.335H93.41l-7.837-31.48h-0.13l-7.708,31.48H67.436l-12.242-46.249h10.169l7.319,31.48h0.129l8.032-31.48";
            svg += "h9.521l7.902,31.869h0.13l7.578-31.869h9.976L103.515,248.335z";
            svg += "M141.346,200.985c14.315,0,22.736,10.688,22.736,24.42c0,13.343-8.421,24.03-22.736,24.03s-22.735-10.688-22.735-24.03";
            svg += "C118.61,211.673,127.031,200.985,141.346,200.985z M141.346,240.886c9.133,0,12.566-7.772,12.566-15.48";
            svg += "c0-8.097-3.433-15.87-12.566-15.87c-9.133,0-12.566,7.773-12.566,15.87C128.78,233.113,132.213,240.886,141.346,240.886z";
            svg += "M171.016,202.086h10.105l19.302,31.027h0.13v-31.027h9.521v46.249h-10.169l-19.238-30.962h-0.129v30.962h-9.522V202.086z";
            svg += "M219.016,202.086h19.95c11.983,0,20.987,7.514,20.987,22.865c0,13.408-6.866,23.383-20.987,23.383h-19.95V202.086z";
            svg += "M229.186,239.784h9.068c5.895,0,11.529-3.627,11.529-13.861c0-9.328-3.238-15.287-13.343-15.287h-7.255V239.784z";
            svg += "M267.018,202.086h34.589v8.55h-24.42v9.91h22.412v7.903h-22.412v11.334h24.938v8.551h-35.106V202.086z";
            svg += "M308.994,202.086h24.938c8.291,0,13.538,5.765,13.538,12.761c0,5.441-2.203,9.521-7.32,11.594v0.13";
            svg += "c4.988,1.295,6.413,6.153,6.737,10.816c0.194,2.915,0.129,8.356,1.942,10.947H338.66c-1.23-2.915-1.102-7.385-1.619-11.076";
            svg += "c-0.713-4.858-2.591-6.996-7.708-6.996h-10.17v18.072h-10.169V202.086z M319.163,223.008h11.142c4.534,0,6.995-1.943,6.995-6.607";
            svg += "c0-4.469-2.461-6.412-6.995-6.412h-11.142V223.008z";
            svg += "M355.764,202.086h32.516v8.55h-22.347v10.688H385.3v7.902h-19.367v19.108h-10.169V202.086z";
            svg += "M394.177, 202.086h10.169v37.698h22.541v8.551h -32.71V202.086z\" />";
            return new XML(svg);
        }
    }
    
}

Code Fullscreen

Preview Fullscreen