flash 绘图API 绘制秀曲线图形

本文分享了一种使用Flash绘制秀曲线图形的方法,通过简单的代码实现了美观的图案绘制,介绍了直线轨迹方程的运用,并提供了角度调整的示例代码。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

分享一下我老师大神的人工智能教程。零基础!通俗易懂!风趣幽默!还带黄段子!希望你也加入到我们人工智能的队伍中来!https://blog.youkuaiyun.com/jiangjunshow

               

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

 

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

 

 

秀曲线

 

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

 

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

秀2

 

 

秀3

 

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

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

           

分享一下我老师大神的人工智能教程。零基础!通俗易懂!风趣幽默!还带黄段子!希望你也加入到我们人工智能的队伍中来!https://blog.youkuaiyun.com/jiangjunshow

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值