{"id":397,"date":"2011-05-10T22:03:56","date_gmt":"2011-05-10T13:03:56","guid":{"rendered":"http:\/\/www.digifie.jp\/blog\/?p=397"},"modified":"2011-05-12T08:26:10","modified_gmt":"2011-05-11T23:26:10","slug":"%e3%81%8f%e3%82%8b%e3%81%8f%e3%82%8b%e3%82%b0%e3%83%a9%e3%83%95%e3%82%a3%e3%83%83%e3%82%af%e3%82%b8%e3%82%a7%e3%83%8d%e3%83%ac%e3%83%bc%e3%82%bf%e3%83%bc","status":"publish","type":"post","link":"https:\/\/www.digifie.jp\/blog\/archives\/397","title":{"rendered":"\u304f\u308b\u304f\u308b\u30b0\u30e9\u30d5\u30a3\u30c3\u30af\u30b8\u30a7\u30cd\u30ec\u30fc\u30bf\u30fc"},"content":{"rendered":"
Facebook \u306b\u30b7\u30a7\u30a2<\/a><\/div>
Tweet<\/a><\/div><\/div>\n
\n

\u5148\u65e5wonderfl<\/a>\u306b\u30dd\u30b9\u30c8\u3057\u305f\u304f\u308b\u304f\u308b\u30ab\u30fc\u30eb\uff08forked from: Draw worm by mouse gesture\uff09<\/a>\u306b\u5c11\u3057\u6a5f\u80fd\u3092\u8ffd\u52a0\u3057\u3066\u3001\u7c21\u5358\u306b\u30b3\u30f3\u30d4\u30e5\u30c6\u30fc\u30b7\u30e7\u30f3\u30a2\u30fc\u30c8\u98a8\u306e\u30b0\u30e9\u30d5\u30a3\u30c3\u30af\u3092\u4f5c\u6210\u3067\u304d\u308b\u30b8\u30a7\u30cd\u30ec\u30fc\u30bf\u30fc\uff08\uff1f\uff09\u3092\u4f5c\u3063\u3066\u307f\u307e\u3057\u305f\u3002<\/p>\n

\u304f\u308b\u304f\u308b\u30b0\u30e9\u30d5\u30a3\u30c3\u30af\u30b8\u30a7\u30cd\u30ec\u30fc\u30bf\u30fc<\/a>
\n\u64cd\u4f5c\u65b9\u6cd5\u306f\u3001\u30de\u30a6\u30b9\u30c0\u30a6\u30f3\u3067\u63cf\u753b\u958b\u59cb\u30fb\u30de\u30a6\u30b9\u30a2\u30c3\u30d7\u3067\u63cf\u753b\u505c\u6b62\u30fbFULLSCREEN\u30dc\u30bf\u30f3\u3067\u5168\u753b\u9762\u8868\u793a\u30fbCLEAR\u30dc\u30bf\u30f3\u3067\u5168\u524a\u9664\u30fbSAVE\u30dc\u30bf\u30f3\u3067\u80cc\u666f\u304c\u9ed2\u306e\u753b\u50cf\u4fdd\u5b58\u30fbSAVE(Alpha)\u30dc\u30bf\u30f3\u3067\u80cc\u666f\u304c\u900f\u660e\u306e\u753b\u50cf\u4fdd\u5b58\u3067\u3059\u3002<\/p>\n

\"kurukuru\"<\/a>

\u753b\u50cf\u3092\u30af\u30ea\u30c3\u30af\u3059\u308b\u3068\u5225\u30a6\u30a3\u30f3\u30c9\u30a6\u3067Flash\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u304c\u958b\u304d\u307e\u3059<\/p><\/div>\n

\u3053\u306e\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u3092\u4f5c\u308b\u306b\u3042\u305f\u3063\u3066\u306fwonderfl<\/a>\u306e Draw worm by mouse gesture. <\/a>\u3092Fork\u3055\u305b\u3066\u3044\u305f\u3060\u304d\u307e\u3057\u305f\u306e\u3067\u3001\u30aa\u30ea\u30b8\u30ca\u30eb\u30b3\u30fc\u30c9\u306e\u30e9\u30a4\u30bb\u30f3\u30b9\u306b\u57fa\u3065\u304d\u4ee5\u4e0b\u306b\u5168\u30bd\u30fc\u30b9\u3092\u516c\u958b\u3057\u307e\u3059\u3002
\n\u307e\u305f\u3053\u306e\u30b3\u30fc\u30c9\u306e\u30e9\u30a4\u30bb\u30f3\u30b9\u3082\u30aa\u30ea\u30b8\u30ca\u30eb\u306e\u30e9\u30a4\u30bb\u30f3\u30b9\u3092\u7d99\u627f\u3057\u307e\u3059\u3002<\/p>\n

\r\n\/\/ forked from nutsu's Worm matrix based.\r\n\/\/ forked from nutsu's Draw worm by mouse gesture. : http:\/\/wonderfl.net\/c\/9os2\r\n\/**\r\nLOVE MATRIX.\r\na study for drawing curl curve.\r\nlicense under the GNU Lesser General Public License.\r\n*\/\r\n\r\npackage\r\n{\r\n\timport com.adobe.images.PNGEncoder;\r\n\timport com.bit101.components.PushButton;\r\n\r\n\timport flash.display.Bitmap;\r\n\timport flash.display.BitmapData;\r\n\timport flash.display.Sprite;\r\n\timport flash.display.StageDisplayState;\r\n\timport flash.display.StageScaleMode;\r\n\timport flash.events.*;\r\n\timport flash.net.FileReference;\r\n\timport flash.net.URLRequest;\r\n\timport flash.net.navigateToURL;\r\n\timport flash.utils.ByteArray;\r\n\r\n\t[SWF(width = "1280", height = "800", frameRate = "60", backgroundColor = "0")]\r\n\r\n\tpublic class Main extends Sprite\r\n\t{\r\n\r\n\t\tprivate var _canvas:WormMatrix;\r\n\t\tprivate var _fr:FileReference = new FileReference();\r\n\r\n\t\tpublic function Main()\r\n\t\t{\r\n\t\t\t_canvas = new WormMatrix();\r\n\t\t\taddChild(_canvas);\r\n\t\t\t\/\/\r\n\t\t\tvar bt1:PushButton = new PushButton ( this,  10 , 10, "CANVAS CLEAR" , _canvas.canvasClear) ;\r\n\t\t\tvar bt2:PushButton = new PushButton ( this, 115 , 10, "SAVE IMAGE", onSave ) ;\r\n\t\t\tvar bt3:PushButton = new PushButton ( this, 220 , 10, "SAVE IMAGE (Alpha)", onSaveAlpha ) ;\r\n\t\t\tvar bt4:PushButton = new PushButton ( this, 350 , 10, "SOURCE CODE", function():void{navigateToURL(new URLRequest("http:\/\/www.digifie.jp\/blog\/archives\/397"))} ) ;\r\n\t\t\tvar bt5:PushButton = new PushButton ( this,  1280 - 110 , 10, "FULL SCREEN" , fullScreen) ;\r\n\t\t\t\/\/\r\n\t\t\tvar isFullScreen:Boolean;\r\n\t\t\tfunction fullScreen():void\r\n\t\t\t{\r\n\t\t\t\tif(!isFullScreen){\r\n\t\t\t\t\tstage.scaleMode = StageScaleMode.NO_SCALE;\r\n\t\t\t\t\tstage.displayState = StageDisplayState.FULL_SCREEN;\r\n\t\t\t\t\tisFullScreen = true;\r\n\t\t\t\t\tbt4.label = "NOMAL SCREEN"\r\n\t\t\t\t}else{\r\n\t\t\t\t\tstage.displayState = StageDisplayState.NORMAL;\r\n\t\t\t\t\tisFullScreen = false;\r\n\t\t\t\t\tbt4.label = "FULL SCREEN"\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\tprivate function onSave(e:MouseEvent):void\r\n\t\t{\r\n\t\t\tvar bmd:BitmapData = new BitmapData(1280, 800, false, 0);\r\n\t\t\tbmd.draw(_canvas);\r\n\t\t\tfileSave(bmd);\r\n\t\t\t\/\/\r\n\t\t\tbmd.dispose();\r\n\t\t}\r\n\r\n\t\tprivate function onSaveAlpha(e:MouseEvent):void\r\n\t\t{\r\n\t\t\tvar bmd:BitmapData = new BitmapData(1280, 800, true, 0x00000000);\r\n\t\t\tbmd.draw(_canvas);\r\n\t\t\tfileSave(bmd);\r\n\t\t\t\/\/\r\n\t\t\tbmd.dispose();\r\n\t\t}\r\n\r\n\t\tprivate function fileSave(bmd:BitmapData):void\r\n\t\t{\r\n\t\t\tvar png:ByteArray = PNGEncoder.encode(bmd);\r\n\t\t\t_fr.addEventListener(Event.OPEN, open);\r\n\t\t\t_fr.addEventListener(ProgressEvent.PROGRESS, progress);\r\n\t\t\t_fr.addEventListener(Event.COMPLETE, complete);\r\n\t\t\t_fr.addEventListener(Event.CANCEL, cancel);\r\n\t\t\t_fr.addEventListener(Event.SELECT, select);\r\n\t\t\t_fr.addEventListener(IOErrorEvent.IO_ERROR, ioError);\r\n\t\t\tvar date:Date = new Date;\r\n\t\t\t_fr.save(png, "export_image_" + date.getTime() + ".png");\r\n\t\t\t\/\/\r\n\t\t\tfunction open(e:Event):void\r\n\t\t\t{\r\n\t\t\t\t\/\/\r\n\t\t\t}\r\n\t\t\tfunction progress(e:ProgressEvent):void\r\n\t\t\t{\r\n\t\t\t\t\/\/\r\n\t\t\t}\r\n\t\t\tfunction complete(e:Event):void\r\n\t\t\t{\r\n\t\t\t\tremovedEventListener();\r\n\t\t\t}\r\n\t\t\tfunction cancel(e:Event):void\r\n\t\t\t{\r\n\t\t\t\tremovedEventListener();\r\n\t\t\t}\r\n\t\t\tfunction select(e:Event):void\r\n\t\t\t{\r\n\t\t\t\t\/\/\r\n\t\t\t}\r\n\t\t\tfunction ioError(e:IOErrorEvent):void\r\n\t\t\t{\r\n\t\t\t\tremovedEventListener();\r\n\t\t\t}\r\n\t\t\t\/\/\r\n\t\t\tfunction removedEventListener():void\r\n\t\t\t{\r\n\t\t\t\t_fr.removeEventListener(Event.OPEN, open)\r\n\t\t\t\t_fr.removeEventListener(ProgressEvent.PROGRESS, progress)\r\n\t\t\t\t_fr.removeEventListener(Event.COMPLETE, complete)\r\n\t\t\t\t_fr.removeEventListener(Event.CANCEL, cancel);\r\n\t\t\t\t_fr.removeEventListener(Event.SELECT, select);\r\n\t\t\t\t_fr.removeEventListener(IOErrorEvent.IO_ERROR, ioError)\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n\r\n\/\/package {\r\n    import flash.events.MouseEvent;\r\n    import frocessing.color.ColorHSV;\r\n    import frocessing.display.F5MovieClip2DBmp;\r\n    import frocessing.geom.FMatrix2D;\r\n\r\n    internal class WormMatrix extends F5MovieClip2DBmp\r\n\t{\r\n\r\n        private var vms:Array;\r\n        private var MAX_NUM:int = 150;\r\n        private var N:Number = 120;\r\n        private var px:Number;\r\n        private var py:Number;\r\n\t\tprivate var t:Number = 0;\r\n\r\n        public function WormMatrix ()\r\n\t\t{\r\n            super( true, 0 );\r\n            vms = [];\r\n        }\r\n\r\n        public function check():void\r\n        {\r\n            var x0:Number = mouseX;\r\n            var y0:Number = mouseY;\r\n            var vx:Number = x0 - px;\r\n            var vy:Number = y0 - py;\r\n            var len:Number = min( mag( vx, vy ), 50 );\r\n\r\n            if( len<10 ) return;\r\n\r\n            var mtx:FMatrix2D = new FMatrix2D();\r\n            mtx.rotate( atan2( vy, vx ) );\r\n            mtx.translate( x0, y0 );\r\n\r\n            createObj( mtx, len );\r\n\r\n            px = x0;\r\n            py = y0;\r\n        }\r\n\r\n        public function createObj( mtx:FMatrix2D, len:Number ):void\r\n        {\r\n\t\t\tvar angle:Number = random(PI\/180, PI\/2);\r\n            if( Math.random() > 0.5 ) angle *= -1;\r\n            var tmt:FMatrix2D = new FMatrix2D();\r\n            tmt.scale( 0.95, 0.95 );\r\n            tmt.rotate( angle );\r\n            tmt.translate( len, 0 );\r\n            var w:Number = 0.5;\r\n\r\n            var obj:WormObject = new WormObject();\r\n            obj.c1x = obj.p1x = -w * mtx.c + mtx.tx;\r\n            obj.c1y = obj.p1y = -w * mtx.d + mtx.ty;\r\n            obj.c2x = obj.p2x =  w * mtx.c + mtx.tx;\r\n            obj.c2y = obj.p2y =  w * mtx.d + mtx.ty;\r\n            obj.vmt = mtx;\r\n            obj.tmt = tmt;\r\n            obj.r = angle;\r\n            obj.w = len * .1;\r\n            obj.count = 0;\r\n\r\n            vms.push( obj );\r\n            if( vms.length > MAX_NUM )\r\n                vms.shift();\r\n        }\r\n\r\n        public function setup():void\r\n        {\r\n \t\t\tsize( 1280, 800 );\r\n            background(0, 0);\r\n            noStroke();\r\n            px = mouseX;\r\n            py = mouseY;\r\n        }\r\n\r\n\t\tpublic function canvasClear(e:MouseEvent):void\r\n\t\t{\r\n\t\t\tbackground(0, 0);\r\n\t\t\tvms = [];\r\n\t\t}\r\n\r\n        public function draw():void\r\n        {\r\n\r\n\t\t\tstroke(0xFFFFFFFF, .4);\r\n\r\n            var len:int = vms.length;\r\n            for( var i:int=0; i<len; i++ )\r\n            {\r\n                var o:WormObject = vms[i];\r\n                if( o.count<N && isMousePressed){\r\n                    drawWorm( o );\r\n                    o.count++;\r\n                }else{\r\n                    len--;\r\n                    vms.splice( i, 1 );\r\n                    i--;\r\n                }\r\n            }\r\n\r\n            check();\r\n        }\r\n\r\n        public function drawWorm( obj:WormObject ):void\r\n        {\r\n\r\n\t\t\tvar color:ColorHSV = new ColorHSV(t, 0.6, 1, 0.1);\r\n\t\t\tt += 0.1;\r\n\r\n\t\t\tif( Math.random()>0.9 ){\r\n                obj.tmt.rotate( -obj.r*2 );\r\n                obj.r *= -1;\r\n            }\r\n            obj.vmt.prepend( obj.tmt );\r\n            var cc1x:Number = -obj.w*obj.vmt.c + obj.vmt.tx;\r\n            var cc1y:Number = -obj.w*obj.vmt.d + obj.vmt.ty;\r\n            var pp1x:Number = (obj.c1x+cc1x)\/2;\r\n            var pp1y:Number = (obj.c1y+cc1y)\/2;\r\n            var cc2x:Number = obj.w*obj.vmt.c + obj.vmt.tx;\r\n            var cc2y:Number = obj.w*obj.vmt.d + obj.vmt.ty;\r\n            var pp2x:Number = (obj.c2x+cc2x)\/2;\r\n            var pp2y:Number = (obj.c2y+cc2y)\/2;\r\n            beginFill( uint(color), .7 );\r\n            moveTo( obj.p1x, obj.p1y );\r\n            curveTo( obj.c1x, obj.c1y, pp1x, pp1y );\r\n            lineTo( pp2x, pp2y );\r\n            curveTo( obj.c2x, obj.c2y, obj.p2x, obj.p2y );\r\n            closePath();\r\n            endFill();\r\n            obj.c1x = cc1x;\r\n            obj.c1y = cc1y;\r\n            obj.p1x = pp1x;\r\n            obj.p1y = pp1y;\r\n            obj.c2x = cc2x;\r\n            obj.c2y = cc2y;\r\n            obj.p2x = pp2x;\r\n            obj.p2y = pp2y;\r\n        }\r\n    }\r\n\/\/}\r\n\r\nimport frocessing.geom.FMatrix2D;\r\n\r\ninternal class WormObject{\r\n    public var c1x:Number;\r\n    public var c1y:Number;\r\n    public var c2x:Number;\r\n    public var c2y:Number;\r\n    public var p1x:Number;\r\n    public var p1y:Number;\r\n    public var p2x:Number;\r\n    public var p2y:Number;\r\n    public var w:Number;\r\n    public var r:Number;\r\n    public var count:int;\r\n    public var vmt:FMatrix2D;\r\n    public var tmt:FMatrix2D;\r\n}\r\n<\/pre>\n
\u63cf\u3044\u305f\u7d75\u306fPNG\u753b\u50cf\u3068\u3057\u3066\u4fdd\u5b58\u3067\u304d\u307e\u3059\u306e\u3067\u3001\u305c\u3072\u904a\u3093\u3067\u307f\u3066\u304f\u3060\u3055\u3044\u3002<\/p>\n
        
Facebook \u306b\u30b7\u30a7\u30a2<\/a><\/div>        
Tweet<\/a><\/div><\/div>\n
\n","protected":false},"excerpt":{"rendered":"
\u5148\u65e5wonderfl\u306b\u30dd\u30b9\u30c8\u3057\u305f\u304f\u308b\u304f\u308b\u30ab\u30fc\u30eb\uff08forked from: Draw worm by mouse gesture\uff09\u306b\u5c11\u3057\u6a5f\u80fd\u3092\u8ffd\u52a0\u3057\u3066\u3001\u7c21\u5358\u306b\u30b3\u30f3\u30d4\u30e5\u30c6\u30fc\u30b7\u30e7\u30f3\u30a2\u30fc\u30c8\u98a8\u306e\u30b0\u30e9\u30d5\u30a3\u30c3\u30af\u3092\u4f5c\u6210\u3067\u304d\u308b\u30b8\u30a7\u30cd\u30ec\u30fc\u30bf […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[3],"tags":[],"_links":{"self":[{"href":"https:\/\/www.digifie.jp\/blog\/wp-json\/wp\/v2\/posts\/397"}],"collection":[{"href":"https:\/\/www.digifie.jp\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.digifie.jp\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.digifie.jp\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.digifie.jp\/blog\/wp-json\/wp\/v2\/comments?post=397"}],"version-history":[{"count":27,"href":"https:\/\/www.digifie.jp\/blog\/wp-json\/wp\/v2\/posts\/397\/revisions"}],"predecessor-version":[{"id":427,"href":"https:\/\/www.digifie.jp\/blog\/wp-json\/wp\/v2\/posts\/397\/revisions\/427"}],"wp:attachment":[{"href":"https:\/\/www.digifie.jp\/blog\/wp-json\/wp\/v2\/media?parent=397"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.digifie.jp\/blog\/wp-json\/wp\/v2\/categories?post=397"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.digifie.jp\/blog\/wp-json\/wp\/v2\/tags?post=397"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}