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

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

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

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

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

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

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

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);

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

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);

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

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

 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);

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);

مربع

کد زیر را وارد پنل 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);

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

منبع:

http://persiangfx.com/fa/tutorials/flash/basics/drawing-lines-curves-and-shapes-in-as3/

آموزش و سفارش طراحی