1. مهمان گرامی، جهت ارسال پست، دانلود و سایر امکانات ویژه کاربران عضو، ثبت نام کنید.
    بستن اطلاعیه

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

شروع موضوع توسط minaaa ‏10/3/12 در انجمن Flash

  1. کاربر پیشرفته

    تاریخ عضویت:
    ‏9/12/10
    ارسال ها:
    19,773
    تشکر شده:
    6,457
    امتیاز دستاورد:
    113
    [​IMG]

    کشیدن خط، منحنی و شکل در 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);

    [​IMG]


    پس از آن می خواهیم یک خط زرد رنگ رسم کنیم، بنابراین کد زیر را وراد پنل 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); ​
    [​IMG]

    حالا نوبت منحنی رسیده است، برای ایجاد منحنی کد زیر را وارد پنل 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);
    [​IMG]


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

    مثلث

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


    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); ​
    [​IMG]


    مربع

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

    [​IMG]



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