学步园

   昨晚想起了一些图案，当时是在小学的时候绘制过的，现在想起记得是TVB教学，当时候记得这种图案叫秀曲线图形。现在今天用flash 绘制一下，效果看起来挺好。而代码非常简单。

基础原理：从一个纵轴开始，划分一系列的点，然后从一点开始，左右进行连线绘制。同时也可以在自己的图案里面进行绘制，当然这种效果不只是一种的，你可以变化一下角度。效果会更加美丽。这种是90度角的效果。

package<br /> {<br /> //800x600 黑色背景<br /> import flash.display.Sprite;<br /> import flash.events.*;</p> <p> public class Main extends Sprite<br /> {<br /> private var pen:Sprite=new Sprite();//画笔<br /> private var num:int=61;<br /> private var startX:Number=400;<br /> private var startY:Number=300;<br /> public function Main()<br /> {<br /> addChild(pen);<br /> creatSprite();<br /> }<br /> //创建图形<br /> private function creatSprite():void<br /> {<br /> pen.graphics.lineStyle(2,0xffffff);//定义画笔粗糙和颜色<br /> for (var i:int=0; i<num; i++)<br /> {<br /> for (var j:int=0; j<2; j++)<br /> {<br /> pen.graphics.moveTo(startX,i*10);<br /> if (i<30)<br /> {<br /> if (j==0)<br /> {<br /> pen.graphics.lineTo(startX-i*10,startY);<br /> } else<br /> {<br /> pen.graphics.lineTo(startX+i*10,startY);<br /> }<br /> } else<br /> {<br /> if (j==0)<br /> {<br /> pen.graphics.lineTo(startX-(num-1-i)*10,startY);<br /> } else<br /> {<br /> pen.graphics.lineTo(startX+(num-1-i)*10,startY);<br /> }<br /> }<br /> }<br /> }<br /> }<br /> }<br /> }

 修改一下程序：改变一下按角度程序看看效果如何

当中主要修改的一些技巧，在这些代码已经体现到。可以慢慢尝试一下，而这种图案，我们运用了直线轨迹方程制作。技巧就在这里。看看你可以变化出多少中效果。

package<br /> {<br /> //800x600 黑色背景<br /> import flash.display.Sprite;<br /> import flash.events.*;<br /> import flash.geom.*;</p> <p> public class Main extends Sprite<br /> {<br /> private var pen:Sprite=new Sprite();//画笔<br /> private var num:int=20;<br /> private var n:int=6;<br /> private var startX:Number=400;<br /> private var startY:Number=300;<br /> private var nodes:Array=new Array();<br /> private var R:Number=300;<br /> private var angle:Number=-2*Math.PI/n;<br /> public function Main()<br /> {<br /> addChild(pen);<br /> creatSprite();<br /> }</p> <p> private function creatSprite():void<br /> {<br /> pen.graphics.lineStyle(2,0xffffff);//定义画笔粗糙和颜色<br /> for (var i:int=0; i<n+1; i++)<br /> {<br /> nodes[i]=new Array();<br /> for (var j:int=0; j<num; j++)<br /> {<br /> var point:Point=new Point(j*10*Math.cos(angle*i)+startX,j*10*Math.sin(angle*i)+startY);<br /> nodes[i][j]=point;<br /> pen.graphics.moveTo(j*10*Math.cos(angle*i)+startX,j*10*Math.sin(angle*i)+startY);<br /> if(i==0)<br /> pen.graphics.lineTo((num-j)*10+startX,startY);<br /> else<br /> {<br /> pen.graphics.lineTo(nodes[i-1][num-1-j].x,nodes[i-1][num-1-j].y);<br /> }<br /> }</p> <p> }</p> <p> //创建图形<br /> //private function creatSprite():void<br /> // {<br /> // pen.graphics.lineStyle(2,0xffffff);//定义画笔粗糙和颜色<br /> // for (var i:int=0; i<num; i++)<br /> // {<br /> // for (var j:int=0; j<2; j++)<br /> // {<br /> // pen.graphics.moveTo(startX,i*10);<br /> // if (i<30)<br /> // {<br /> // if (j==0)<br /> // {<br /> // pen.graphics.lineTo(startX-i*10,startY);<br /> // } else<br /> // {<br /> // pen.graphics.lineTo(startX+i*10,startY);<br /> // }<br /> // } else<br /> // {<br /> // if (j==0)<br /> // {<br /> // pen.graphics.lineTo(startX-(num-1-i)*10,startY);<br /> // } else<br /> // {<br /> // pen.graphics.lineTo(startX+(num-1-i)*10,startY);<br /> // }<br /> // }<br /> // }<br /> // }<br /> }<br /> }<br /> }