یکشنبه, 16 شهریور 1393 16:39

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

کشیدن خط، منحنی و اشکال هندسی در AS3 کشیدن خط، منحنی و اشکال هندسی در AS3
در این بخش آموزش فلش فایل تصویری کشیدن خط، منحنی و اشکال هندسی در AS3  آموزش میدیم که امیدواریم از این آموزش لذت ببرید .

در این آموزش به شما نشان خواهیم داد چگونه با استفاده از 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);

 


 

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

اطلاعات بیشتر

  • نام نرم افزار: فلش (Flash)
  • دسته: افکت های ویژه
  • نوع آموزش: مصور
  • فایل ضمیمه: ندارد
  • رمز فایل ضمیمه: Nagsh.ir (به حروف بزرگ دقت کنید)
خواندن 1386 بار

اگر این مطلب مورد علاقه شما قرار گرفت، امتیاز بدهید.

کانال تلگرام استودیوی طراحی نقش
رای دادن به این مورد
(0 آرا)

اضافه کردن نظر


کد امنیتی
تازه کردن