آموزش فلش - کشیدن خط، منحنی و شکل در AS3

[R0xanA]

[h=2]

کشیدن خط، منحنی و شکل در AS3


در این آموزش به شما نشان خواهیم داد چگونه با استفاده از AS3 می توانید اشکال و خطوط را رسم کنید.

مرحله1
یک سند جدید در فلش ایجاد کنید.

مرحله2
نام لایه ی جدد را AS3 بگذارید، روی لایه دوبار کلیک کنید، نام لایه را تایپ کرده و در انتها کلید Enter را بزنید.

مرحله3
ابتدا قصد داریم یک خط آبی رسم کنیم، پس، فریم اول از لایه ی AS3 را انتخاب می کنیم و به پنل AS3 می رویم (F9)، سپس کد زیر را وارد پنل action می کنیم:

[SIZE=5]

[/SIZE][SIZE=5]var sp:Sprite = new Sprite();
addChild(sp);
var g:Graphics = sp.graphics;
g.lineStyle(3,   0x1c2fba);
g.moveTo(80,   100);
g.lineTo(420,   100);
[/SIZE]
[SIZE=5]
 [/SIZE]

پس از آن می خواهیم یک خط زرد رنگ رسم کنیم، بنابراین کد زیر را وراد پنل action می کنیم:

[/SIZE]
[SIZE=5]   var sp:Sprite = new Sprite();
addChild(sp); 
var g:Graphics = sp.graphics;
g.lineStyle(3,   0xfaf100);
g.moveTo(80,   80);
g.lineTo(420,   150);
g.lineTo(400,   120);
g.lineTo(200,   120);
g.lineStyle(4,   0xFF0000);
g.moveTo(150,   175);
g.lineTo(400,   175);   [/SIZE]

حالا نوبت منحنی رسیده است، برای ایجاد منحنی کد زیر را وارد پنل action کنید:

   [/SIZE][SIZE=5]     var sp:Sprite = new Sprite();
addChild(sp);
var g:Graphics = sp.graphics;
g.lineStyle(2,   0x467608);
g.moveTo(150,   100);
g.curveTo(275,   0,   400,   100);
g.moveTo(0,   0);
  [/SIZE]

در این قسمت قصد داریم مثلث و مربع و دایره رسم کرده و به آنها رنگ اضافه کنیم.

مثلث

کد زیر را وارد پنل action کنید:

   [/SIZE][SIZE=5]    var triangle:Sprite = new Sprite();
with (triangle.graphics) {
lineStyle(0); 
beginFill(0x9e0fa3,  1);
moveTo(50,   0); lineTo(120,   120);
lineTo(0,   100); lineTo(50,   0); endFill();
}
triangle.x = 50;
triangle.y = 250;
addChild(triangle);   [/SIZE]

[/SIZE][SIZE=5]    var shapes:Sprite = new Sprite();
var gr:Graphics = shapes.graphics;
gr.lineStyle(4,   0x068843,   .5);
gr.beginFill(0x330066,   .2);
gr.drawCircle(50,  50,  50);
gr.endFill();
shapes.x = 150;
shapes.y = 250;
addChild(shapes);  [/SIZE]
[SIZE=5]     [/SIZE][SIZE=5]

مربع

کد زیر را وارد پنل action کنید:


var shapes:Sprite = new Sprite();
var gr:Graphics = shapes.graphics;
gr.lineStyle(4, 0x330066, .5);
gr.beginFill(0x330066, .2);
gr.drawRect(125, 0, 100, 100);
gr.endFill();
shapes.x = 150;
shapes.y = 250;
addChild(shapes);

این بود آموزش امروز ما!
امیدواریم لذت برده باشید.