flash 绘图API：绘制小鱼

演示地址：  

forked from: SimpleFish - wonderfl build flash online

 今天我们要创建一个小鱼的绘制。这次我们会使用SimpleFish.as 创建绘制小鱼类 。同时我们会使用绘图APi 当中的curveTo 的一个方法。这个方法用法如下，

    this.graphics.moveTo(开始起点X,开始起点Y);
    this.graphics.curveTo(控制点X, 控制点Y ，目标点X, 目标点Y);

我们以下面的图作为一个设计图案。，可以看出这次绘制，我们使用的办法采用拼合的组合方式进行。当中我们使用的曲线绘制，

圆的绘制，以及使用描线的办法进行连线。

我们从开始的点（0,0）进行作为，鱼身高度的一半作为控制点坐标。而鱼尾巴就进行连线的。

解决了这个曲线的问题，接下来就是组合的问题了。当然这条鱼是没有加鱼翅的。所以这种鱼叫做简单无手鱼也不是没有道理吧，应该给他改个好名字。

 定好起初的点，同时定好控制点和目标点。这样我们的曲线就能绘制出来了

下面是一个提供写好的小鱼类

///SimpleFish.as 该类为简单鱼 //vesion 1.0 //author 夏天的树人 package { import flash.geom.Point; import flash.display.Sprite; public class SimpleFish extends Sprite { public var speed:Number; public function SimpleFish() { } public function clone():SimpleFish { return new SimpleFish(); } //创建简单的鱼 public function CreatSimpleFish(Width:Number,Height:Number,eyes_Width:Number=5,Fish_rear:Number=50,n:int=4):void { this.graphics.lineStyle(1,0x000000); this.graphics.moveTo(0,0); this.graphics.curveTo(Width/2, Height, Width, 0); this.graphics.moveTo(0,0); this.graphics.curveTo(Width/2, -Height, Width, 0); this.graphics.drawCircle(Width/5,0,eyes_Width); this.graphics.moveTo(Width/4,-Height/2.7); this.graphics.curveTo(Width/3, 0, Width/4, Height/2.7); //创建鱼尾 this.graphics.moveTo( Width, 0); this.graphics.lineTo( Width+Width/n, Fish_rear); this.graphics.moveTo( Width, 0); this.graphics.lineTo( Width+Width/n, -Fish_rear); this.graphics.lineTo( Width+Width/n, +Fish_rear); } public function clear():void { this.graphics.clear(); } } }

总的代码，当中加入一些运动，让小鱼进行匀速的运动。

到了边界就进行删除。

去除监听器，去除容器当中的对象。

package { import flash.display.Sprite; import flash.events.*; import flash.utils.Timer; import flash.display.DisplayObject; import flash.filters.GlowFilter; public class Main extends Sprite { private var fishList:Array=new Array(); private var speed:Number=5; private var count:int=0; private var contain:Sprite=new Sprite(); public function Main() { init(); } private function init():void { addChild(contain); contain.name="管理者"; var time:Timer=new Timer(200); time.addEventListener(TimerEvent.TIMER,onTimer); time.start(); } private function onTimer(event:TimerEvent):void { count++; var fish:SimpleFish=new SimpleFish(); fish.addEventListener(Event.ENTER_FRAME,Run); fish.x=stage.stageWidth*Math.random(); fish.y=stage.stageHeight*Math.random(); if (count==1) { fish.scaleX=1; fish.speed=-Math.random()*5-1; } else if (count==2) { fish.scaleX=-1; fish.speed=Math.random()*5+1; count=0; } fish.CreatSimpleFish(60,40,3,20);//创建小鱼 contain.addChild(fish); //添加发光的滤镜 var filter:GlowFilter=new GlowFilter(); filter.blurX=8; filter.blurY=8; filter.color=Math.random()*0xffffff; var array:Array=new Array(); array.push(filter); fish.filters=array; } private function Run(event:Event):void { event.currentTarget.x+= event.currentTarget.speed; if (event.currentTarget.x<0||event.currentTarget.x>stage.stageWidth) { //删除监听和对象 if (contain.contains(DisplayObject(event.currentTarget))) { event.currentTarget.removeEventListener(Event.ENTER_FRAME,Run); contain.removeChild(DisplayObject(event.currentTarget)); } } } } };