先日の赤と青と緑の線から改変。曲線にしてみた。やっぱり曲線のほうが気持ち良い。
赤と青と緑の曲線 – wonderfl build flash online
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 |
package { import flash.display.Bitmap; import flash.display.BitmapData; import flash.display.Shape; import flash.display.Sprite; import flash.events.Event; import flash.filters.BlurFilter; import flash.geom.ColorTransform; import flash.geom.Point; import net.hires.debug.Stats; /** * ... * @author umhr */ [SWF(width = 465, height = 465, backgroundColor = 0x000000, frameRate = 30)] public class Canvas extends Sprite { private var _mousePoint:Vector.<Vector.<Point>> = new Vector.<Vector.<Point>>(); private var _count:int; private var _bitmap:Bitmap; private var _shape:Shape = new Shape(); private const FADE:ColorTransform = new ColorTransform(1, 1, 1, 1, -0x6, -0x6, -0x6); public function Canvas():void { if (stage) init(); else addEventListener(Event.ADDED_TO_STAGE, init); } private function init(e:Event = null):void { removeEventListener(Event.ADDED_TO_STAGE, init); // entry point _bitmap = new Bitmap(new BitmapData(stage.stageWidth, stage.stageHeight, false, 0x000000)); this.addChild(_bitmap); _bitmap.filters = [new BlurFilter(8,8)]; //this.addChild(_shape); var point:Point = new Point(mouseX, mouseY); for (var i:int = 0; i < 3; i++) { var vector:Vector.<Point> = new Vector.<Point>(); for (var j:int = 0; j < 3; j++) { vector[j] = point; } _mousePoint[i] = vector; } this.addEventListener(Event.ENTER_FRAME, onEnter); this.addChild(new Stats()); } private function onEnter(e:Event):void { _count++; for (var i:int = 0; i < 3; i++) { var inertiaPoint:Point = _mousePoint[i][0].subtract(_mousePoint[i][1]).add(_mousePoint[i][0]); var radian:Number = _count / 6 + Math.PI * 2 * i / 3; var r:Number = 10 * (1 + 1 * Math.sin(_count / 12)); var mousePoint:Point = new Point(mouseX + Math.cos(radian) * r , mouseY + Math.sin(radian) * r); inertiaPoint.x = inertiaPoint.x * 0.97 + mousePoint.x * 0.03; inertiaPoint.y = inertiaPoint.y * 0.97 + mousePoint.y * 0.03; _mousePoint[i].unshift(inertiaPoint); _mousePoint[i].length = 3; } draw(_mousePoint); } /** * 線を描画 * @param mousePoint */ private function draw(mousePoint:Vector.<Vector.<Point>>):void { _shape.graphics.clear(); var colors:Array = [0xFF0000, 0x00FF00, 0x0000FF]; for (var i:int = 0; i < 3; i++) { _shape.graphics.lineStyle(16, colors[i]); var m0:Point = Point.interpolate(mousePoint[i][0], mousePoint[i][1], 0.5); var m1:Point = Point.interpolate(mousePoint[i][1], mousePoint[i][2], 0.5); _shape.graphics.moveTo(m0.x, m0.y); _shape.graphics.curveTo(mousePoint[i][1].x, mousePoint[i][1].y, m1.x, m1.y); } _bitmap.bitmapData.colorTransform(_bitmap.bitmapData.rect, FADE); _bitmap.bitmapData.draw(_shape, null, null, "add"); } } } |
