این بار سوار بر دستگاه زمان سفری به تاریخچه فلش را شروع می کنیم ، امیدوارم همان اندازه که آماده کردن این سفر (مطلب) برای بنده لذت بخش بوده ، همراه شدن با این سفر نیز برای شما لذت بخش باشد!

توجه نمایید مستندات و تاریخچه مربوط به ورژن ۱ تا ورژن ۹ آلفا (بسته خلاقانه ۳) یا همان CS3 فلش می باشد.

اگر شما فکر می کنید کار با فلش سخت و دشوار است، شما باید طراحی با Joystick روی یک Apple II را قبل از این که undo معنا پیدا کند را امتحان می کردید، می توانستید صبر خودتان را آزمایش کنید.

جاناتان گـِـی (Jonathan Gay) ، پدر فلش

همه چیز از کجا شروع شد!؟

داستان و توضیحات مربوطه توسط جاناتان گی, سازنده فلش.

جاناتان گی با بازی با بلوک های لگو (LEGO) بزرگ شد ، زمانی که نه LEGO Men بود و نه لوازم جانبی پیشرفته و… فقط بلاک ها مستطیل شکل و کمی هم چرخ. LEGO به او طراحی مهندسی اولیه را آموخت. حتی بهتر از آن ، آنها به او کمک کردند که اشتیاق و علاقه خود را برای ساخت چیزهای مختلف نشان دهد.

درباره آن زمان ، او یک کامپیوتر Apple II داشت. همان طور که کار با برنامه را آغاز کرد ، به سرعت کشف کرد که با نرم افزارهای کامپیوتر می توان طراحی کرد. چیزی که باید کار کند و به شما پاسخ دهد. اولین بازی او Space Invaders که در کامپیوتر Apple II بود.

بعد از دست و پنجه نرم کردن با آن بازی او به سمت ساخت ویرایشگر های گرافیکی بازگشت.در حالی که هنوز در کالج بود او قالب طراحی PostScript را به محصول مکینتاش افزود. و این محصول SuperPaint II نامیده شد.

یک شرکت با نام Go یک سیستم عامل ساخت. بنابراین در ژانویه سال ۱۹۹۳ ، جاناتان برای سرمایه گزاری چارلی جکسون متقاعد شد و کار دو نفره آنها با نرم افزار FutureWave برای تسلط بر بازار نرم افزارهای گرافیکی در کامپیوتر های قلم (کامپیوترهایی که در صفحه های آنها امکان نوشتن توسط قلم الکترونیکی وجود داشت) آغاز شد.

او به تصور طراحی توسط قلم روی صفحه یک کامپیوتر را بهبود فوق العاده ای داد. پس از آن جاناتان و چارلی شروع به ساختن SmartSketch کردند ، نرم افزاری که امکانات طراحی در کامپیوتر را راحت تر از نقاشی روی کاغذ فراهم می آورد. در این میان AT&T شرکت Go را در ژانویه ۱۹۹۴ خرید. فقط به عنوان جا به جایی محصول ، AT&T کشیده شد و به Go متصل شد و از بازار کنار رفت. آنها در واقع فروش کمی از SmartSkech داشتند.

شکست Go و کامپیوتر های قلم شکست بزرگی را برای آن دو رقم زد. تنها فرصت را در اجرا شدن نرم افزار خود بر روی ویندوز و مکینتاش دیدند.جاناتان و چارلی این کار را کردند ، اما در حال حاضر آنها در برابر رقابت با Illustrator و FreeHand بودند.

SmartSkech هرگز جایگزین برنامه های تصویر سازی و طراحی high-end نشد ، اما این ابزار برای هنرمندان حرفه ای و تصویر گران جذاب بود و می توانستند از آن به همراه دیگر نرم افزار ها استفاده کنند.

جاناتان و چارلی در سال ۱۹۹۵ در SIGGRAPH بودند و تعداد زیادی از بازخوردهای مردم آنها را بر این داشت که محصول SmartSketch به نرم افزار انیمیشن تبدلیل کنند. آنها این کار را از اینترنت و وب شروع کردند ، و دیدند که این امکان وجود که که نیازهای از گرافیک انیمیشنی وب را روی برنامه شان پیاده سازی کنند، سپس آنها شروع کردند به افرودن انیمیشن به نرم افزار SmartSketch.

آنها برنامه را به CelAnimator تغییر نام دادند ، CelAnimator بر اساس FutureWave برنده جایزه نرم افزاری تکنولوژی طراحی شد. این برنامه برای اولین بار به کاربران اجازه می داد که انیمیشن و دکمه پویا و طراحی را بر مبنای تصاویر برداری (Vector Based) انجام دهند. و نیز فایل نهایی را می توانستند روی صفحات وب نیز قرار دهند.

منبع: http://www.highbeam.com/doc/1G1-18238250.html

نرم افزار FutureWave نام CelAnimator را به FutureSplash Animator تغییر داد ، نام جدید معنکس کننده بازار گسترده تر و پشتیبانی مرورگر اینترنت بود.

منبع: http://www.highbeam.com/doc/1G1-18238250.html

در این زمان تنها راه برای ارتقاع مرورگر وب برای پخش انیمیشن ها توسط جاوا یود. سپس جاناتان و دوستش برنامه ای ساده ای برای پخش کننده انیمیشن نوشتند که به طرز وحشتناکی کند بود. هر چند آنها آن را سر سختانه نگه داشتند. و در پاییز ، نت اسکیپ با ایجاد API مربوطه به plug-in وارد شد، در نهایت آنها راهی برای ارتقاع مرورگرهای وب با بازدهی و عملکرد مناسب و معقول یافتند(در واقع این پلیر جد ماکرومدیا فلش پلیر بود).

این موفقیت بزرگ در آکوست ۱۹۹۶ به وقوع پیوست. شرکت ماکروسافت روی MSN کار می کرد و به دنبال راهی برای ساخت و تجربه چیزی مانند تلویزیون در اینترنت بود.

آنها از طرفداران بزرگ FutureSplash شدند و این فن آوری برگزیده شد و به تصویب رسید. و دیگر مشتری بزرگ آنها دیزنی آنلاین (Disney Online) شد ، آنها از FutureSplash برای ساخت انیمیشن ها و رابط کاربری برای جریان روزانه دیزنی استفاده می کردند. دیزنی نیز مشغول به کارکردن با ماکرومدیا Shockwave بود..

منبع: اطلاعات ماکرومدیا http://en.wikipedia.org/wiki/Macromedia

در نوامر ۱۹۹۶ ، ماکرومدیا به اندازه کافی در مورد آنها از طریق ارتباطاتی که با دیزنی داشت و کارکردن با هم و نزدیک شدن ، شنیده بود ، در این زمان ، جاناتان و چارلی در حال اجرای FutureWave بودند و در طول ۴ سال با مجموع سرمایه گزاری ۵۰۰ هزار دلار ، و ایده داشتن منابع شرکتی بزرگتر برای کمک به آنها ، برای پابرجا بودن FutureSplash به نظر می رسید خوب باشد.

در دسامبر ۱۹۹۶ ، نرم افزار FutureWave به ماکرومدیا فروخته شد ، و FutureSplash Animator با نام Macromedia Flash 1.0 پا به عرصه وجود گذاشت ، نام Flash از ادغام Future و Splash به وجود آمده است.

ماکرومدیا در سال ۱۹۹۲ با ادغام با شرکت Authorware نشات جدیدی به خود گرفت.(سازندگان Authorware) و MacroMind-Paracomp و سازندگانMacromind Director. دایرکتور ، یک ابزار اینتراکتیو (تعاملی) برای مدیریت مالتی مدیا می باشد که به صورت گسترده ای استفاده می شود.برای ساخت مواردی مثل Kiosks های اطلاعاتی مالتی مدیا هایی برای CD-ROM ها (همان سی دی های مالتی مدیا) که در زندگی امروز نیز همچان زنده و پویا می باشد استفاده می شد ، این مورد به عنوان محصول شاخص ماکرومدیا تا اواسط سال ۱۹۹۰ بود. همان طور که فروش سی دی در بازار کاهش پیدا کرد و محبوبیت به سمت دنیای گسترده وب می رفت ، ماکرومدیا Shockwave را به عنوان افزونه نرم افزار دایرکتور برای مرورگر های وب ساخت ، اما تصمیم گرفت گسترشی در بازار خود از شاخه وب بومی (web-native) با توجه به نیاز کاربران داشته باشد.

ماکرومدیا همه ورژن های فلش را از ورژن ۱ تا ورژن ۸ را توسعه داد ، اگر چه بعد نسخه ۵ شماره گذاری را به طور موقت متوقف کرد و ورژن ۶ را با نام Flash MX و ورژن ۷ را با Flash MX 2004 نام گذاری کرد.

در ۶ ژوئن سال ۲۰۰۵ ماکرومدیا بستر نرم افزاری ماکرومدیا فلش (Macromedia Flash Platform) را برای ارائه تجارب موثر برای محتوای غنی (rich content) ، برنامه ها و ارتباطات در سراسر مرورگر ، سیستم عامل ، و انواع دستگاه ها مانند موبایل و… پرده برداری کرد.

بستر نرم افزاری فلش این امکان را می دهد که راه حل های برای تجربه محیطی دیجیتال امکان پذیر شود. و این تکنولوژی با استفاده برای نیازهای گوناگون در شرکت هایی مثل America Online ، SAP ، Wharton و البته یاهو (Yahoo!) به تصویب و برای همگان به اثبات رسیده است.

منبع: http://www.adobe.com/macromedia/proom/pr/2005/unveiling_flashplatform.html

در ۱۸ آپریل سال ۲۰۰۵ ، ادوبی تمامی سهام ماکرومدیا را در معامله ای با هزینه ۳.۴ بیلیون دلار به دست آورد.

مبع: http://www.adobe.com/aboutadobe/invrelations/adobeandmacromedia.html

ادوبی در دسامبر سال ۱۹۸۲ توسط جان وارنوک و چارلز جسکی تاسیس شد ، که پس از ترک کردن شرکت Xerox PARC به منظور توسعه و فروش PostScript (page description language) تاسیس شده است. در سال ۱۹۸۵ ، شرکت کامپیوتری اپل (Apple) لیسانس (License) پست اسکریپت (PostScript) برای استفاده در پرینتر LaserWriter برای ایجاد جرفه ای در انقلاب نشر رومیزی ، دریافت کرد.

نام شرکت ادوبی (Adobe) از نهر ادوبی (Adobe) که در لوس آلتوس (Los Altos)، کالیفرنیا (California) واقع شده که در پشت خانه یکی از بنیانگذارن شرکت می باشد ، گرفته شده است.

در ماه دسامبر ۲۰۰۵ ادوبی محصولات ماکرومدیا رقیب سابق خود را به عنوان محصولات جدید نرم افزاری و پلتفرم ها مانند کلد فیوژن (Coldfusion) ، دریم ویور (Dreamewaver) ، فلش (Flash) و فلکس (Flex) به سبد محصولات خود اضافه کرد.

مبنع : http://en.wikipedia.org/wiki/Adobe_Systems

ماکرومدیا فلش از ویرایش CS3 (ورژن ۹ که در سال ۲۰۰۷ عرضه شد) به بعد با نام ادوبی فلش (Adobe Flash) به بازار آمد.

ادوبی دهمین سالگرد فلش را با راه اندازی microsite جشن گرفت.

منبع: http://www.adobe.com/designcenter/dialogbox/flash_anniversary/

منبع: دهمین سالگرد فلش (انیمیشن) http://flash10.nectarine.com.au

سلسله درختی فلش! برای دیدن تصویر بزرگ روی عکس بالا کلیک کنید.

زوم کردن روی فلش

منبع: ویکی پدیا http://en.wikipedia.org/wiki/ActionScript

زوم روی اکشن اسکریپت

• Flash Player 2:اولین نسخه با پشتیبانی از اسکریپت فرمان هایی مانند gotoAndPlay، gotoAndStop ، nextFrame ، nextScene برای کنترل بر تایم لاین در این نسخه ارائه شده بود.
• Flash Player 3: ارتقاع با افزودن امکان بارگزاری فایل های swf خارجی (به صورت فایل مجزا) با فرمان (loadMovie).
• Flash Player 4: اولین برنامه نویسی با اجرای کامل با نام (Actions) ، این کدنویسی بر مبنای فلش بود و مواردی مثل حلقه ها (loop) ، شرطها ، متغیر های و دیگر موارد اصلی را شامل می شد.
• Flash Player 5: اضافه شدن اولین ورژن اکشن اسکریپت. استفاده از prototype-based برای ارتقاع برنامه نویسی توسط کاربر بر مبنای ECMAScript و امکان ایجاد کامل برنامه نویسی بر مبنای شی گرا.
• Flash Player 6: افروده شدن مدل هایی برای رویداد ها و تعیین آنها ، کنترل بر دسترسی پذیری و پشتیبانی های سویچ ، اولین ورژن با پشتیبانی از AMF و پروتکل ها RTMP با امکان پخش ویدو و صدا به صورت استریم.
• Flash Player 7: افزوده شدن CSS برای متون و پشتیبانی از اکشن اسکریپت ۲.۰ ، یک زبان برنامه نویسی بر مبنایECMAScript 4 نت اسکیپ شخصی به همراه پشتیبانی بر مبانی کلاس و وراثت. با این حال اکشن اسکریپت ۲ می توانست بر روی اکشن اسکریپت ۱ نیز کامپایل شود به طوری که توان آن را در فلش پلیر ۶ اجرا کرد.
• Flash Player 8: علاوه بر اکشن ۱ و اکشن ۲ ، با اضافه کردن کتابخانه ای از کلاس های جدید ، با رابط های برنامه کاربردی برای کنترل داده های فعلی در زمان اجرا ، ارسال فایل ، فیلـــترهای افکت های بلور ، نور ، سایه و….
• Flash Player 9 (initially called 8.5): افزوده شدن اکشن اسکریپت ۲ با ظهور ماشین جدید مجازی ، به نام AVM2 (ActionScript Virtal Machine 2) برای پشتبانی از محتوای ورژن های قبلی. افزایش کارایی ، با کامپایلر JIT و پشیبانی از سوکت دودویی ، E4X برای تحلیل فایل های ایکس ام ال ؛ TR1 = LIXO تمام صفحه ، عبارات با قائده ، این ورژن اولین ورژنی بود که با نام ادوبی فلش پلیر انتشار پیدا کرد.
• Flash Player 10 (initially called Astro): افزوده شدن حرکتی ۳ بعدی ، مانند چرخش روی محور های X,Y,Z و API طراحی ۳ بعدی.توانایی ایجاد افکت های سفارشی با استفاده از نرم افزاری پیکسل بندر (Pixel Bender). چند وظیفه پردازش بصری در حال اجرا به پردازنده گرافیکی GPU واگزار شد که کاهش قابل توجهی برای نمایش هر فریم و در نتیجه نرخ فریم بالاتر ، به ویژه با ویدئو H.264 همراه بود. یک API جدید برای صدا که اجازه سفارشی کردن صدا ، چیزی که قبلا هرگز امکان پذیر نبود. علاوه بر این فلش پلیر ۱۰ پشتیبانی Peer to Peer (P2P) ارتباط واقعی و زنده مدیا توسط پروتکل (RTMFP) نیز دارا بود.
• Flash Player 10.1: قابل توجه بخصوص برای امکان اجرا در دستگاه های تلفن همراه مانند اندروید ، در عین حفظ تمام ویژگی های معمول فلش پلیر.
• Flash Player 10.2:تاکید اصلی این نسخه جدید پلیر معرفی شده بر روی StageVideo class می باشد که با استفاده از شتاب سخت افزاری GPU تا حد زیادی نمایش ویدئو ها را بهبود می بخشد. همچنین API های جدید برای سفارشی کردن نشانگر موس (mouse cursor) ، پشتیبانی از تمام صفحه (full screen) برای رایانه ها با چند نمایشگر (multi-screens) ، و اینترنت اکسپلورر ۹ و پشتیبانی از شتاب سخت افزاری (GPU) ، پیشرفت و بهبود تفسیر زیر پیکسل ها (sub-pixel) برای خوانایی بهتر متون. را می توان از خصوصیات این نسخه از فلش پلیر بر شمرد.

منبع: ویکی پدیا http://en.wikipedia.org/wiki/ActionScript و پادشاه فلش – فلش پلیر ۱۰.۲

زوم بر روی فلش لایت

Adobe Flash Lite یک نسخه سبک از فلش پلیر می باشد که توسط شرکت ادوبی انتشار یافته است.

• Flash Lite 1.0: فلش لایت تکنولوژی فلش می باشد که برای دستگاه های تلفن همراه توسعه داده شده است در نسخع پشتیبانی آن مانند اکشن اسکریپت فلش ۴ می باشد.

• Flash Lite 1.1: پشتیبانی از اکشن اسکریپت فلش ۴ و API های افزوده شده برای دستگاه ها..

• Flash Lite 2.0 and 2.1: افزوده شدن پشتیبانی از اکشن اسکریپت ۲ و فلش پلیر ۷ و مقدار API مربوطه به fscommand2 که به آن برای فرامین مربوطه به دستگاه افزوده شده بود.

• Flash Lite 3: افزوده شدن پشتیبانی از اکشن اسکریپت ۲ و فلش پلیر ۸ و پخش فایل های ویدئویی با فرمت FLV.

• Flash Lite 4: افزوده شدن پشتیبانی از اکشن اسکریپت ۳ و فلش پلیر ۱۰ مانند پلاگین مرورگر و البته با پشتیبانی از شتاب گرافیک سخت افزاری.

بسته بندی های فلش

FutureSplash

ماکرومدیا فلش ۱

ماکرومدیا فلش ۲

ماکرومدیا فلش ۳

ماکرومدیا فلش ۴

ماکرومدیا فلش ۵

ماکرومدیا فلش MX

ماکرومدیا فلش MX2004

ماکرومدیا فلش ۸ Basic

ماکرومدیا فلش ۸ Professional

لوگوهای فلش

FutureWave FutureSplash

از ماکرومدیا فلش ۱ تا ماکرومدیا فلش ۵

ماکرومدیا فلش MX و ماکرومدیا فلش MX2004

ماکرومدیا فلش ۸

Splash اول برنامه فلش

Futurewave Future Splash / ماکرومدیا فلش ۱

ماکرومدیا فلش ۲

ماکرومدیا فلش ۳

ماکرومدیا فلش ۴

ماکرومدیا فلش ۵

ماکرومدیا فلش MX

ماکرومدیا فلش MX 2004 Basic

ماکرومدیا فلش ۸ Basic

ماکرومدیا فلش ۸ Professional

ادوبی فلش ۹ Professional ActionScript 3 Public Alpha

رابط کاربری فلش

Futurewave Future Splash / ماکرومدیا فلش ۱

ماکرومدیا فلش ۲

ماکرومدیا فلش ۳

ماکرومدیا فلش ۴

ماکرومدیا فلش ۵

ماکرومدیا فلش MX

ماکرومدیا فلش MX 2004

ماکرومدیا فلش ۸

ادوبی فلش ۹ Public Alpha

بخش درباره و رابط کامل فلش

Futurewave Future Splash / ماکرومدیا فلش ۱

ماکرومدیا فلش ۲

ماکرومدیا فلش ۳

ماکرومدیا فلش ۴

ماکرومدیا فلش ۵

ماکرومدیا فلش MX

ماکرومدیا فلش MX 2004

ماکرومدیا فلش ۸

ادوبی فلش ۹ Public Alpha

آیکون های پلیر و خو فلش

آیکون های استفاده شده از ورژن ۱ تا ورژن ۸

ماکرومدیا فلش ۲ / ماکرومدیا فلش ۳

ماکرومدیا فلش ۴ / ماکرومدیا فلش ۵

ماکرومدیا فلش MX

ماکرومدیا فلش MX2004

ماکرومدیا فلش ۸

فلش پلیر

Futurewave Future Splash پلیر/ ماکرومدیا فلش پلیر ۱

ماکرومدیا فلش پلیر ۲

ماکرومدیا فلش پلیر ۳

ماکرومدیا فلش پلیر ۴

ماکرومدیا فلش پلیر ۵

ماکرومدیا فلش پلیر ۶

ماکرومدیا فلش پلیر ۷

ماکرومدیا فلش پلیر ۸

ادوبی فلش پلیر ۹

آیکون های دریافت فلش پلیر

• http://www.adobe.com/macromedia/events/john_gay/
• http://www.highbeam.com/doc/1G1-17103165.html
• http://www.flashmagazine.com/news/detail/the_flash_history/ (ScreenShots)
• http://www.highbeam.com/doc/1G1-18238250.html
• http://www.highbeam.com/doc/1G1-18572981.html
• http://en.wikipedia.org/wiki/Adobe_Flash
• http://en.wikipedia.org/wiki/Macromedia
• http://www.adobe.com/macromedia/proom/pr/2005/unveiling_flashplatform.html
• http://www.adobe.com/newsletters/edge/july2005/
• http://www.adobe.com/aboutadobe/invrelations/adobeandmacromedia.html
• http://en.wikipedia.org/wiki/Adobe_Systems
• http://www.adobe.com/stories/
• http://www.adobe.com/products/flash/special/flashanniversary/microsite/
• http://flash10.nectarine.com.au/
• http://en.wikipedia.org/wiki/Adobe_Flash
• http://en.wikipedia.org/wiki/Adobe_Flash_Lite
• Flash Screenshots made by Yassine Bouhlel from trial versions with Adobe Fireworks

به نظر شما این روند چگونه است؟
به نظر شما آینده فلش چه خواهد شد و به کجاها خواهد رفت؟

این مطلب یکی از مجموعه آموزش های کوتاهی می باشد که از این به بعد مطالبی دیگر نیز با این سبک خواهیم داشت ، به صورت کوتاه به نکته ای کاربردی و مهم پرداخته می شود ، امیدوارم مورد توجه دوستداران فلش و اکشن اسکریپت قرار بگیرد.

توسط کدی که در پایان مطلب قرار داده شده است می توانیم وقفه زمانی در پخش Movie فلش در بخشی (فریمی) از تایم لاین (TimeLine) ایجاد کنیم.

این کد توسط تابع تعریف شده با نام wait بعد از فراخوانی در هر فریم از تایم لاین Movie حرکت را stop می کند (خط ۵) و بلافاصله با تعریف کلاس  Timer با توجه به مقداری که به عنوان آرگمان ورودی wait وارد شده است (خط ۶) (این آرگمان بر مبنای millisecond می باشد ، به این معنا که ۱۰۰۰ برابر ۱ ثانیه است) ، رویدادی ایجاد می کند (خط ۷) که بعد از اتمام زمان وارد شده تابع continuePlayhead را فراخوانی می کند ، که با اجرای فرمان play ادامه پخش Movie انجام می شود (خط ۱۳)، بعد در مرحله اول تایمر stop می شود (خط ۱۴)و بعد تایمر reset می شود (خط ۱۵) (این امر برای بدون مشکل بودن استفاده های بعدی می باشد) و رویدادی که تایمر ایجاد شده بود نیز در این مرحله حذف می گردد (خط ۱۶).

نکته : متغییر delayTimer که از نوع Timer می باشد در ابتدا و خارج از توابع تعریف شده است که دسترسی به آن در هر دو تابع وجود داشته باشد.

var delayTimer:Timer;

function wait(timeToHold:Number)
{
	stop();
	delayTimer = new Timer(timeToHold,0);
	delayTimer.addEventListener(TimerEvent.TIMER, continuePlayahead);
	delayTimer.start();
}

function continuePlayahead(e:Event):void
{
	play();
	delayTimer.stop();
	delayTimer.reset();
	delayTimer.removeEventListener(TimerEvent.TIMER, continuePlayahead);
}

به نظر شما این روش ، روش مناسبی برای ایجاد وقفه زمانی در تایم لاین می باشد؟
آیا روش دیگری برای این کار می شناسید؟

با توجه به این که شاید پروژه نهایی ارائه شده در بخش سوم این آموزش کامل نمی باشد ، سعی می کنیم در این بخش از آموزش نکات ریزی که ممکن هست در کار با صدا ها و مثال های ذکر شده در آموزش قبل به آنها بر بخورید را در این مطلب توضیح دهیم  :

موردی که در آموزش قبلی احتمالا به آن بر خورده اید ، پخش چند باره با کلیک مجدد بر روی دکمه Play می باشد که این امر به دلیل عدم چک کردن در حال پخش بودن می باشد ، ما در این بخش با ایجاد variable ی با نام isPlay از نوع Boolean و مقدار دهی اولیه true به آن می توانیم با مقدار دهی این متغییر در طول برنامه و با شرطی ساده در تابع مربوز به پخش صدا جلوی پخش مجدد را بگیریم.

function onClickPlay(e:MouseEvent)
{
	if (! isPlay)
	{
		myChannel = mySound.play(lastPosition);
		myChannel.soundTransform = myTransform;
		isPlay = true;
	}
}

مورد بعدی برای مواردی که شما نیاز دارید دکمه Stop را هم به همراه Pause و Play داشته باشید که برای این مورد هم در کد زیر بدون حذف این مورد می توانید مشاهده نمایید.

function onClickStop(e:MouseEvent):void
{
	myChannel.stop();
	lastPosition = 0;
	isPlay = false;
}

مورد بعدی برای افرادی که کد را به صورت External می نویسند و نیاز به وارد کردن کلاس ها قبل از استفاده از آنها را دارند نیز در کد زیر مجموعه کلاس ها وارد شده قابل مشاهده می باشد.

این کد برای تمامی ورژن های نرم افزار فلش که اکشن اسکریپت ۳ را پشتبانی می کنند قابل استفاده می باشد

کد نهایی پروژه پخش صدا در اکش اسکریپت ۳ »

import flash.media.Sound;
import flash.net.URLRequest;
import flash.media.SoundChannel;
import flash.events.MouseEvent;
import flash.media.SoundTransform;

var mySound:Sound = new Sound();
var myChannel:SoundChannel = new SoundChannel();
var myTransform:SoundTransform = new SoundTransform();
var lastPosition:Number = 0;
var isPlay:Boolean = true;
mySound.load(new URLRequest("myFavSong.mp3"));
myChannel = mySound.play(0);
myTransform.volume = 0.5;
myChannel.soundTransform = myTransform;

pause_btn.addEventListener(MouseEvent.CLICK , onClickPause);
function onClickPause(e:MouseEvent)
{
	lastPosition = myChannel.position;
	myChannel.stop();
	isPlay = false;
}

play_btn.addEventListener(MouseEvent.CLICK , onClickPlay);
function onClickPlay(e:MouseEvent)
{
	if (! isPlay)
	{
		myChannel = mySound.play(lastPosition);
		myChannel.soundTransform = myTransform;
		isPlay = true;
	}
}

stop_btn.addEventListener(MouseEvent.CLICK, onClickStop);

function onClickStop(e:MouseEvent):void
{
	myChannel.stop();
	lastPosition = 0;
	isPlay = false;
}

توصبه می شود بخش اول مبحث پخش صدا در اکشن اسکریپت ۳ و بخش دوم مبحث پخش صدا در اکشن اسکریپت ۳ و بخش سوم مبحث پخش صدا در اکشن اسکریپت ۳ را نیز مطالعه نمایید

امید است که از این بخش از آموزش ها نهایت بهره را برده باشید.
موفق و پیروز باشید

در ادامه  بخش دوم مبحث پخش صدا در اکشن اسکریپت ۳ به بخش آخر این مبحث می پردازیم :

Pause کرد صدا

در واقع اکشن اسکریپت متدی برای pause کردن صدا ندارد و عملی که می بایست انجام شود Stop کردن صدا می باشد و برای ادامه می بایست عمل play از محل ادامه تعیین شود.
این عمل نیاز به این دارد که ما آخرین محل در حال پخش را قبل از Stop کردن دریافت کنیم تا در زمان ادامه دادن بتوان با استفاده از play از ادامه صدا عمل پخش را شروع کنیم.
برای این کار نیاز داریم از soundChannel و خصوصیت .position استفاده کنیم تا بتوانیم این مقدار را در مرحله بعد در متد .play استفاده کنیم.

برای شروع این پروژه ابتدا از پانل Components دکمه ای را می کشیم و به Stage وارد می کنیم و instance name آن را play_btn قرار می دهیم و label آن را Play قرار می دهیم و دکمه دیگر با instance name ی با مقدار pause_btn قرار دهید یا lable و instance name مربوطه به مثال قبلی را با مقدار های Pause و pause_btn تغییر دهید. در نهایت می بایست مانند تصیر زیر دو دکمه در صفحه داشته باشید.

حال به بخش اکشن اسکریپت بر می گردیم و ابتدا می بایست همه کد های مربوطه به stop_btn مثال قبلی را حذف نمایید.

کد هایی که می بایست حذف شود:

stop_btn.addEventListener(MouseEvent.CLICK, onClickStop);
function onClickStop(e:MouseEvent):void{
myChannel.stop();

برای این که ما آخرین محل پخش شدن را در دسترس داشته باشیم نیاز داریم یک variable ایجاد کنیم و مقدار آخرین محل پخش را در زمان Stop کردن در آن قرار دهیم. ما به راحتی می توانیم یک variable ایجاد کنیم و مقدار آن را به صورت پیش فرض رو صفر ۰ قرار دهیم. ما نام این variable را lastPosition قرار می دهیم به کد زیر دقت نمایید :

var mySound:Sound = new Sound();
var myChannel:SoundChannel = new SoundChannel();
var lastPosition:Number = 0;
mySound.load(new URLRequest(”myFavSong.mp3″));
myChannel = mySound.play();

حال ما به کدهای مربوط به دکمه Pause می پردازیم زمانی که بر روی این دکمه کلیک می شود ما ابتدا به lastPosition مقداری که از SoundChannel ما دریافت می شود و خصوصیت position آن دریافت می کنیم. در زیر به کد مربوطه به pause_btn دقت نمایید :

var mySound:Sound = new Sound();
var myChannel:SoundChannel = new SoundChannel();
var lastPosition:Number = 0;
mySound.load(new URLRequest(”myFavSong.mp3″));
myChannel = mySound.play();
pause_btn.addEventListener(MouseEvent.CLICK, onClickPause);
function onClickPause(e:MouseEvent):void{
lastPosition = myChannel.position;
myChannel.stop();
}

ما حال می بایست در دکمه Play تغییراتی انجام دهیم که تا بتواند در زمان کلیک از آخرین محل عمل پخش را انجام دهد این کار به راحتی با دادن مقدار lastPosition به اولین آرگمان مربوطه به متد Play این کار امکان پذیر می باشد ، اگر توجه کرده باشید در ابتدا مقدار lastPosition را روی ۰ قرار دادیم با این کار در صورتی که تا به حال عمل pause انجام نشده باشد عمل play از محل ۰ که همان ابتدای صوت ما می باشد شروع می شود ، توجه داشته باشید که می بایست متد play را به myChannel نسبت دهید :

var mySound:Sound = new Sound();
var myChannel:SoundChannel = new SoundChannel();
var lastPosition:Number = 0;
mySound.load(new URLRequest("myFavSong.mp3"));
myChannel = mySound.play();
pause_btn.addEventListener(MouseEvent.CLICK, onClickPause);
function onClickPause(e:MouseEvent):void
{
	lastPosition = myChannel.position;
	myChannel.stop();
}
play_btn.addEventListener(MouseEvent.CLICK, onClickPlay);
function onClickPlay(e:MouseEvent):void
{
	myChannel = mySound.play(lastPosition);
}

حالا وقت این رسیده که با Ctrl+Enter پروژه خودتون تست نمایید.

تغییر ولوم (Volume) صدا

در آخر بخش صدا ها به ولوم صدا و کنترل بر آن توسط SoundChannel می پردازیم ، برای تغییر در ولوم صدا نیاز به استفاده از کلاس SoundTransform و خصوصیت SoundChannel.soundTransform می باشد.

کلاس SoundTransform دارای خصوصیات متغیری می باشد که مهم ترین برای ما .volome می باشد. استفاده از SoundTransform بسیار ساده می باشد همه چیزی که نیاز دارید این است که ابتدا یک متغیر بسازید و کلاس را به آن نسبت دهید و خصوصیات را اعمال نمایید و به خصوصیت .soundTransform مربوط به SoundChannel مربوطه متغیر ساخته شده را اعمال نمایید.

در ادامه کار را با ایجاد نمونه ای از کلاس SoundTransform و اعمال آن به myTransform شروع می کنیم :

var mySound:Sound = new Sound();
var myChannel:SoundChannel = new SoundChannel();
var myTransform = new SoundTransform();
var lastPosition:Number = 0;
mySound.load(new URLRequest("myFavSong.mp3"));
myChannel = mySound.play();

pause_btn.addEventListener(MouseEvent.CLICK, onClickPause);

function onClickPause(e:MouseEvent):void
{
	lastPosition = myChannel.position;
	myChannel.stop();
}

play_btn.addEventListener(MouseEvent.CLICK, onClickPlay);

function onClickPlay(e:MouseEvent):void
{
	myChannel = mySound.play(lastPosition);
}

در این مرحله ما می بایست مقداری به خصوصیت .volume  بر روی این نمونه بدهیم.مقداری مربوطه به خصوصیت .volume مقداری بین ۰ تا ۱ می باشد که ۱ به معنای نهایت ولوم و ۰ به معنای بدون صدا بودن می باشد ، شما می توانید مقدار های اعشاری بین ۰ تا ۱ را برای مقدار دهی استفاده کنید به طور مثال ۰.۵ به معنای ۵۰%  صدا می باشد.

در این مرحله ولوم را بر روی ۰.۵ که صدای متوسط می باشد (۵۰%) قرار می دهیم.

var mySound:Sound = new Sound();
var myChannel:SoundChannel = new SoundChannel();
var myTransform = new SoundTransform();
var lastPosition:Number = 0;
mySound.load(new URLRequest("myFavSong.mp3"));
myChannel = mySound.play();
myTransform.volume = 0.5;

pause_btn.addEventListener(MouseEvent.CLICK, onClickPause);

function onClickPause(e:MouseEvent):void
{
	lastPosition = myChannel.position;
	myChannel.stop();
}

play_btn.addEventListener(MouseEvent.CLICK, onClickPlay);

function onClickPlay(e:MouseEvent):void
{
	myChannel = mySound.play(lastPosition);
}

حال این transform  را به عنوان خصوصیت .soundTransform مربوطه به SoundChannel اعمال می کنیم.

var mySound:Sound = new Sound();
var myChannel:SoundChannel = new SoundChannel();
var myTransform = new SoundTransform();
var lastPosition:Number = 0;
mySound.load(new URLRequest("myFavSong.mp3"));
myChannel = mySound.play();
myTransform.volume = 0.5;
myChannel.soundTransform = myTransform;

pause_btn.addEventListener(MouseEvent.CLICK, onClickPause);

function onClickPause(e:MouseEvent):void
{
	lastPosition = myChannel.position;
	myChannel.stop();
}

play_btn.addEventListener(MouseEvent.CLICK, onClickPlay);

function onClickPlay(e:MouseEvent):void
{
	myChannel = mySound.play(lastPosition);
}

شما می بایست همیشه به یاد داشته باشید استفاده از .soundTransform می بایست بعد از قرار دادن شی صدا در channel  شما باشد و نه قبل از آن. شما می توانید ولوم را با تست کردن Movie و صدا را به صورت متوسط بشنوید ولی با Pause و Play کردن صدا متوجه خواهید شد صدا دوباره زیاد می شود ، دلیل این می باشد که زمانی که صدای جدیدی به Channel وارد می کنید  همه soundTransform ها حذف می شود. ما این مورد را با اعمال  دوباره خصوصیت .soundTransform واقع در تابع onClickPlay حل می کنیم :

var mySound:Sound = new Sound();
var myChannel:SoundChannel = new SoundChannel();
var myTransform = new SoundTransform();
var lastPosition:Number = 0;
mySound.load(new URLRequest("myFavSong.mp3"));
myChannel = mySound.play();
myTransform.volume = 0.5;
myChannel.soundTransform = myTransform;

pause_btn.addEventListener(MouseEvent.CLICK, onClickPause);

function onClickPause(e:MouseEvent):void
{
	lastPosition = myChannel.position;
	myChannel.stop();
}

play_btn.addEventListener(MouseEvent.CLICK, onClickPlay);

function onClickPlay(e:MouseEvent):void
{
	myChannel = mySound.play(lastPosition);
	myChannel.soundTransform = myTransform;
}

حال movie را تست نمایید و به این نکته دقت کنید که این بار با Pause و Play کردن در ولوم صدا تغییری ایجاد نمی شود.

توصیه می شود بخش اول صداها در اکشن اسکریپت ۳ و بخش دوم صداها در اکشن اسکریپت ۳ نیز مطالعه شود.

در ادامه  بخش اول مبحث پخش صدا در اکشن اسکریپت ۳ به موارد دیگر ذکر شده در آن مطلب می پردازیم :

پخش یک فایل صوتی خارجی (خارج از فلش )

پخش کردن یک فایل صوتی خارجی ساده تر از پخش فایل صوتی داخل فلش می باشد زیرا شما نیازی به وارد کردن فایل برای ساخت کلاسی برای فراخوانی فایل ندارید.

برای شروع یک پروژه جدید فلش ایجاد کنید و آن را در محلی مثل دسکتاپ ذخیره کنید و فایل .mp3 مربوطه را نیر در همان محل قرار دهید و فایل صوتی را به myFavSong.mp3 تغییر نام دهید.

حال به پروژه FLa خود برگردید و پنل اکشن را باز نمایید با دکمه F9 و نوشتن کد را شروع می کنیم ، در ابتدا سراغ ساختن new از کلاس Sound می نمایید و آن را به mySound مقدار دهی می کنیم و بعد با استفاده از متد .load این کلاس اقدام به بارگزاری فایل مریوطه می کنیم و در نهایت با استفاده از متد .play اقدام به پخش صدای بارگزاری شده می نماییم.

در زیر به که موارد ذکر شده دقت نمایید :

var mySound:Sound = new Sound();
mySound.load(new URLRequest(”myFavSong.mp3″));
mySound.play();

همان طور که در کد بالا مشاهده می کنید برای استفاده از آدرس یک فایل در بخش load در AS3 از کلاس URLRequerst استفاده می کنیم برای اطلاعات بیشتر در مورد این کلاس می توانید به راهنمای نرم افزار فلش مراجعه نمایید. شما هم اکنون می توانید پروژه را تست نمایید و پخش شدن فایل خارجی بارگزاری شده را تست نمایید.

Stop کردن صدا

تا اینجا درباره انواع پخش کردن صدا با اکشن صحبت کردیم در ادامه به نحوه Stop کردن و یک مثال خواهیم پرداخت.
نکته ای که وجود دارد این است که کلاس Sound متدی برای Stop کردن صدا ندارد و ما برای این کار می بایست از کلاس SoundChannel کمک بگیریم. ما می بایست یک SoundChannel یا کانال صوتی ایجاد کنیم و عملکرد متد play کلاس Sound رو با اون برابر قرار بدیم تا بتونیم از متد SoundCannel برای صدای خودمون استفاده کنیم.

در زیر به توضیحی از متدهای کلاس SoundChannel می پردازیم:

• .stop() –این متد صدای که درون کانال مورد نظری در حال پخش است را Stop می کند.
• .position – این متد محل جاری صدای در حال پخش را در کانال مورد نظر ما بر می گرداند.
• .soundTransform – برای تغییر صدا مثل ولوم و جا به جایی بین پخش سمت چپ و راست می باشد.

در ادامه ما یک پروژه جدید فلش ایجاد می کنیم و قصد داریم یه فایل صوتی خارجی را بارگزاری و پخش کنیم و با یک دکمه Stop در زمان کلیک بر روی آن عمل پخش را Stop نماییم

در مرحله اول یک دکمه Button از پانل کامپوننت ها Window>Components درگ کرده و در صفحه قرار دهید و instance name آن را stop_btn قرار دهید ، شما می تونید از تب پارامتر های کامپوننت lable دکمه را به Stop تغییر دهید.

هم اکنون دکمه ای ایجاد کردیم که در زمان کلیک بر روی آن صدا می بایست Stop شود.
پنل اکشن را باز نمایید و یا بر روی تنها فریم موجود در تایم لاین TimeLine راست کلیک کرد و Actions را انتخاب نمایید تا پانل اکشن نمایش داده شود.

مرحله بعد شروع نوشتن کد ها می باشد طبق کدهایی که در مرحله های قبلی توضیح دادیم کلاس Sound را برای بارگزاری صدا ایجاد می کنیم و صدا را با متد play پخش می کنیم.

var mySound:Sound = new Sound();
mySound.load(new URLRequest(”myFavSong.mp3″));
mySound.play();

ما برای کنترل بر روی صدا و اعمال متد Stop همان طور که در اول هم گفتیم می بایست از SoundChannel استفاده کنیم در کدی در زیر می بینید ما این کلاس تعریف کردیم:

var mySound:Sound = new Sound();
var myChannel:SoundChannel = new SoundChannel();
mySound.load(new URLRequest(”myFavSong.mp3″));
mySound.play();

برای این که کلاس SoundChannel بر روی صدای ما کنترل داشته باشد نیاز به این داریم که پیوندی بین این دو ایجاد نماییم و این کار را با جا به جایی خط آخر کد بالا انجام می دهیم ، در واقع عمل play را به کلاس SoundChannel که در اینجا با myChannel تعریف شده می دهیم.

var mySound:Sound = new Sound();
var myChannel:SoundChannel = new SoundChannel();
mySound.load(new URLRequest(”myFavSong.mp3″));
myChannel = mySound.play();

حال به راحتی می توانید با ایجاد رویداد برای دکمه از متد stop مریوط به کلاس SoundChannel استفاده کنیم.

var mySound:Sound = new Sound();
var myChannel:SoundChannel = new SoundChannel();
mySound.load(new URLRequest(”myFavSong.mp3″));
myChannel = mySound.play();

stop_btn.addEventListener(MouseEvent.CLICK, onClickStop);

function onClickStop(e:MouseEvent):void{
myChannel.stop();
}

حال می توانید پروژه را تست نمایید در زمان اجرا به صورت خودکار صدا می بایست پخش شود و با کلیک بر روی دکمه Stop می بایست صداد Stop شود.

توصبه می شود بخش اول مبحث پخش صدا در اکشن اسکریپت ۳ را نیز مطالعه نمایید

در این آموزش به پخش صدا در ActionScript 3.0 می پردازیم و به موارد مثل پخش صدا از فایل های داخلی و خارجی و تغییر ولوم صدا ها می پردازیم ، با این که این به بحث بسیار گسترده میباشد که به دلیل پیشرفته بودن و نیاز داشتن به پیش نیاز به این بحث در حال و ادامه آن به صورت پیشرفته انشاء الله در آینده خواهیم پرداخت.

این آموزش به بخش های زیر تقسیم بندی شده است :

1. مقدمه ای بر کار با کلاس های صدا در اکشن اسکریپت ۳.
2. پخش یک صدای داخلی.
3. پخش یک صدای خارجی.
4. Stop کردن یک صدا.
5. Pause کردن یک صدا.
6. تغییر ولوم صدا.

مقدمه ای بر کار با کلاس های صدا در اکشن اسکریپت ۳
برای کار کردن با صدا ها در ActionScript 3.0 نیاز به همیاری گرفتن از چندین کلاس با هم می باشد. البته بیشتر موارد شبیه به ورژن های قبلی میباشد و کنترل در ورژن جدید بیشتر و با دقت بالاتری انجام می شود، در زیر لیستی از کلاس های مرتبط را با توضیح می آوریم.

1. Sound Class – این کلاس اصلی مربوط به صدا ها می باشد ، این صدا برای محل شروع کد مربوطه به صدا می باشد و برای شروع پخش صدا استفاده می شود.
2. SoundChannel Class – یک شی صدا می تواند در کانال های مختلف پخش شود ، این کلاس امکانات را جهت کانال های صوتی برای کنترل بر روی یک شی صدا در اختیار ما قرار می دهد که این کنترل ها به صورت ساده شامل امکان stop کردن پخش یک صدا می شود و….
3. SoundTransform Class -این کلاس برای کنترل بر ولوم صدا و بالانس صدا به سمت چپ و راست استفاده می شود.
4. SoundMixer Class -این کلاس به صورت عمومی برای فلش پلیر می باشد که توابع کنترلی بر روی تمامی صدا ها را در اختیار شما قرار می دهد به صورت مثال ساده ایست کردن تمامی صداهای فلش پلیر و…

سعی شده در مورد موارد بالا در ادامه مطلب نکاتی ذکر شود ولی برای اطلاع کامل از متدهای این کلاس ها بهتر می باشد از راهنمای موجود در نرم افزار فلش استفاده نمایید.

پخش یک صدای داخلی
به صورت عادی فلش فقط فرمت mp3 (البته در فلش پلیر ۱۰ امکانات پشتیبانی جدیدی هم افزوده شده که در مطالب بعدی بحث خواهد شد) را پشتیبانی می کند و به راحتی می توانید این نوع فایل را با استفاده از کلاس صدا Sound class مورد استفاده قرار بدهید ، کلاس Sound توانایی پخش فایل های صوتی داخلی فلش (mp3) را داراست و یا فایل های خارجی (فایل های ی که خارج از برنامه فلش هستند) در ادامه ما به پخش یک فایل که به صورت داخلی (داخل پروژه فلش fla) می باشد می پردازیم و با اکشن اسکریپت آن را فراخوانی و پخش خواهیم نمود.

در مثال زیر نیاز به یک فایل mp3 برای پخش می باشد.

در مرحله اول شما نرم افزار فلش را باز کرده و یک پروژه جدید فلش AS3 باز نمایید و به File>Import>Import to Library رفته و بعد از کلیک فایل مورد نظر خود را از نوع Mp3 را انتخاب کرده و روی open کلیک نمایید ، در زیر تصویر از محل مربوطه برای وارد کردن فایل را مشاهده می کنید.

خوب تا اینجا فایل شما وارد فلش شد حال کتابخانه فلش را با دکمه های (Ctrl+L) باز نمایید و صدایی که وارد نمودید را در آن بیابید ، ما می خواهیم فایل را با تعیین کردن مشخصه Linkage برای استفاده در اکشن اسکریپت و فراخوانی آن آماده کنیم ، بر روی فایل صدا در کتابخانه فلش کلیک راست نمایید و گزینه Linkage را اتخاب نمایید تا پنجره مربوطه باز شود ، تیک درون Export for ActionScript را بزنید و نام صدای خود را در بخش Class وارد نمایید به طور مثال MyFavSong را وارد می کنیم و روی OK کلیک کنید ، حال شما پیغام هشدار مبنی بر این که کلاس خورجی ایجاد می شود دریافت خواهید نمود که برای ادامه بر روی OK کلیک می کنیم.
با این کار شما می توانید این فایل صورتی را با کلاس MyfavSong در اکشن اسکریپت فراخوانی نمایید.

هم اکنون ما یک فایل Mp3 داریم که برای استفاده در اکشن اسکریپت آماده می باشد هم اکنون زمان نوشتن کد می باشد بر روی یکی از فریم های تایم لاین کلیک کرده و از منوی راست کلیک Actions را انتخاب نمایید برای نمایش پانل اکشن. کلید میان بر F9 می باشد.

برای این که ار صدا استفاده کنیم می بایست از new استفاده کرده و کلاس مربوطه را به یک var از نوع Sound بدهیم و حال می توانیم متدهای کلاس رو فراخوانی کرده و مثلا با .play() اقدام به پخش آن نماییم.

var mySound:Sound = new MyFavSong();
mySound.play();

در کلاس Sound با متد .play() می توانید یک صدا را پخش نمایید ، به صورت پیش فرض این متد صدا را از ابتدا پخش می نماید شما با وارد کردن عددی بر حسب میلی ثانیه میتوانید محل شروع را تغییر دهید این مقدار عددی می بایست به عنوان آرگمان متد Play وارد شود.

برای مثال :

mySound.play(150)

برای تست دکمه های (Ctrl+Enter) را بفشارید……
و نتیجه را مشاهده نمایید.

توصبه می شود بخش دوم مبحث پخش صدا در اکشن اسکریپت ۳ را نیز مطالعه نمایید

همان طور که می دانید در اکشن ۳ امکانی مثل Timer Class افزوده شده که می توان از آن برای انجام کارهای در بازه های زمانی هم استفاده کرد ولی متد ساده تری نیز وجود دارد (setInterval) که در ایم مطلب قصد توضیح آن را داریم :

توضیح درباره setInterval :

متدی می باشد که می تواند یک سری کد را در بازه زمانی که توسط مقداری بر اساس میلی ثانیه تعیین می شود را اجرا و تکرار نماید ، به صورت سفارسی این کدها می بایت در قالب تابعی function تعرف بشوند و به setInterval داده شوند.

ساختار کلی setInterval :

setInterval (myFunction, myTimeLapse);

myFunction : تابعی که شامل کد های مورد نظر شما می باشد
myTimeLapse : مقداری بر اساس میلی ثانیه milliseconds

مثالی بسیار ساده ، در زیر به کدی می پردازیم که مقدار Hello IFLashLord.Com! را هر ۲ ثانیه یک بار اجرا نمایید :

function helloFun():void
{
	trace("Hello IFLashlord.Com!");
}
setInterval(helloFun,2000);

همان طور که در کد مشاهده می شود با تعریف یک تابع ساده و فراخوانی آن در setInterval می توانیم آن را در هر بازه زمانی تکرار نماییم. توجه داشته باشید طبق این کد اولین اجرا تابع helloFun بعد از دو ثانیه انجام خواهد شد و هر دوثانیه تکرار خواهد شد.

همان طور که مشاهده می کنید نتیجه این کد تا ابد ادامه خواهد داشت و شاید شما بخواهید در بازه ای از زمان این عمل قطع شود برای این کار نیز متدی در نظر گرفته شده که در ادامه درباره آن توضیح می دهیم(clearInterval)

توضیح درباره clearInterval :
این متد برای ایست نمودن فعالیت یک setInterval می باشد که البته قبلا مقدار آن در یک متغیر variable وارد شده باشد ، در صورتی که یک setInterval بدون تعریف Var ایحاد شده باشد امکان دسترسی و ایست نمودن آن وجود ندارد ، در ادامه در مثالی دقیق تر این موضوع را متوجه خواهید شد.

ساختار کلی clearInterval :

clearInterval(myInterval);

myInterval : متغییری شامل یک setInterval

مثال :

function helloFun():void
{
	trace("Hello IFLashlord.Com!");
}
var myInterval:uint = setInterval(helloFun,2000);
clearInterval(myInterval);

در مثال بالا ابتدا setInterval را به متغیر myInterval دادیم تا بتوانیم در هر جایی از کد آن را توسط clearInterval ایست نماییم ، توجه کنید در کد بالا عملا قبل از اجرای اولین بار کد عملکرد ایست می شود و این مثال فقط برای روشن شدن موضوع قرار داده شده است و شما می توانید در صورت صحیح بودن شرطی و یا موضوعی دیگر عمل ایست را اجرا نمایید.

مثالی کاربری :

در این مثال دکمه ای ایجاد می کنیم که در صفحه توسط setInterval حرکت کند و با کلیک بر روی دکمه توسط clearInterval ایست شود.

ابتدا یک پروژه جدید AS3 در فلش ایجاد نمایید و از Window>Components کامپوننت Button را انتخاب کنید و به درون صفحه بکشید و در سمت چپ صفحه قرار دهید و سپس آن را انتخاب کرده و از پانل Properties Inspector بخش instance name را برابر my_btn قرار دهید.

و حال وارد پانل اکشن شوید ، در اینجا ما تابعی به نام moveBtn ایجاد می کنیم و در آن مقدار مختصات x را افزایش می دهیم که با این کار هر بار تابع اجرا شود به مختصات فعلی آن ۱۰ واحد افزوده خواهد شد ، به کد دقت نمایید :

function moveBtn():void {
my_btn.x  += 10;
}

و حال کد نهایی را می نویسم :

function moveBtn():void
{
	my_btn.x +=  10;
}
var myInterval:uint = setInterval(moveBtn,500);
my_btn.addEventListener(MouseEvent.CLICK,  stopMe);
function stopMe(e:MouseEvent):void
{
	clearInterval(myInterval);
}

در کد بالا ابتدا تابعی برای حرکت ایجاد شد و در مرحله بعد setIntervar ایجاد شد و در مرحله بعد رویداد کلیک به دکمه افزوده شد که به تایع stopMe اشاره داد و در این تابع از clearInterval استفاده شد و عمل setInterval ایست شد.

موفق و پیروز باشید

سلام این بار یک مقاله کامل که از نوشته دوستان در انجمن جمع آوری شده رو می زارم این ماله چندیدن روزه شما به صورت یک جا بخونید ، مربوط به اکشن اسکریپت ۳ می باشد
خوندن و آزمایش و تمرین این مقاله رو برای اونایی که هنوز جرات نکردن وارد دنیای جدید برنامه نویسی قدرتمند فلش بشن بسیار بسیار توصیه میکنم اگه این مقاله رو بخونید حتما دیگه ترسی از سختی یا جدیدی این زبان نخواهید داشت
خوب برای این مقاله می بایست از سجاد عزیز هم تشکر کنم :d

اول از همه چیز اینه که AS3 از کد پایه دوباره نوشته شده و قاعدتا با AS2 تفاوت خواهد داشت . این باز سازی کد ها باعث افزایش چشمگیر سرعت اجرای دستورات شده و البته همین مزیت امکان ترکیبAS3 با ورژن های قبلی این زبان را در یک فایل سلب کرده است . قبل از شرع AS3 توجه داشته باشید که هر تغییری نیاز به صرف زمان داره همچنین از جدید بودن قالب این زبان نترسید چون تجربه نشون داده یادگیری اون برای افراد مبتدی از نسخه های قبلی آسون تر بوده.

بد نیست برای اینکه علت بوجود اومدن اون رو بفهمیم یه نگاه به تفاوت های این دوتا و قابلیت های جدید AS3 بندازیم :

1. گزارش دقیقتر خطا ها
2. ارتقای دستور زبان
3. معماری جدید سیستم نمایش(display)
4. معماری جدید مدیریت اتفاقات (events)
5. ارتفای امکانات ارتباط با XML
6. قابلیت جدید کار با text ها
7. امکانات جدید مدیریت صدا ها
8. قابلیت جدید دسترسی به داده ها : می تونید به داده ها در حین دانلود دسترسی داشته باشید!
9. ارتقای برنامه نویس شی گرا
10. …

کاربران AS3 علاوه بر کار در محیط فلش می تونند برای پلتفرم های جدید فلش مثل Flex و adobe AIR هم برنامه نویسی کنند . اگر چه یک پروژه AIR میتونه شامل HTML ، PDF و Java Script هم باشه اما AS3 ابزار اصلی و جامع این نوع اپلیکشن هاست.

شروع :
بخش اول :

۱- تعریف متغیر ها به همون شکل AS2 است و تغییری نکرده :

کد:

var myVariable:Number = 1;

2- همچنین عملگر های شرطی و کنترلی :

کد:

if (a == 1 && b == "goodbye") {
trace("options a and b");
}

for (var i:Number = 0; i < 3; i++) {
trace("hello");
}

switch (a) {
case 1 :
trace("one");
case 2 :
trace("two");
break;
}

while (num < .5) {
num = Math.random();
}

3- آریه ها هم :

کد:

var myArray:Array = new Array();
myArray.push(1);
trace(myArray)
// 1 appears in the Output panel
myArray.push(2);
// the array now has two items: 1, 2
trace(myArray.pop());
// the pop() method removes the last item, displaying its value of 2
trace(myArray)
// the lone remaining item in the array, 1, is displayed

4- فانکشن ها هم:

کد:

function showMsg(){
trace("hello");
}
showMsg();

5- اشیا :

کد:

var plane:Object = new Object();
plane.pitch = 0;
plane.roll = 5;
plane.yaw = 5;

6- تریگر ها :

کد:

this.mc.width;

7- تعریف جدید تر مفاهیم Properties وMethods و Events:

Properties: شامل ویژگی های یک شی است مثل طول ، عرض ، شفافیت .
Methods: شامل کارهایی که یک شی می تونه انجام بده مثلا :play, stop,getUrl
Events: شامل همه اتفاقاتی که ممکنه برای یک شی بیفته مثلا کلیک شدن ، لود شدن ، درگ شدن و… . این اتفاقات هنگام واقع شدن باعث اجرا شدن یک سری دستورات که ما تعیین می کنیم می شوند .
EventHandlers واسته ای هست برای اینکه اتفاقات را به فانکشن ها مرتبط کنه . این ویژگی چند تا تغییر کوچولو با AS2 داره :

کد:

rotate_right_btn.addEventListener(MouseEvent.MOUSE_UP,onRotateRight);
function onRotateRight(evt:MouseEvent):void {
box.rotation += 20;
}

متود addEventListener()برای تعریف یک event به کار میره و شیئی را که قرار است listening کنه رو به یک function وصل می کنه . در مثال بالا دکمه rotate_right_btn قراره منتظر بمونه تا یه mouseUp (کلیک که می کنی نه وقتی ول می کنی می گن mouseUp ) اتفاق بیفته و وقتی این اتفاق می فته فانکشن onRotateRight اجرا می شود . addEventListener()دو تا پارامتر داره. پارامتر اول می گه که دکمه قراره منتظر چه event یی باشه . پارامتر دوم اسم فانکشنی هست که هنگام اتفاق افتادن event باید صدا زده بشه . مثال زیر هم کاربرد پارامتر ورودی فانکشن onStartDrag هست که می تونه خیلی کاربردی باشه . evt.target آبجکتی را که event در مورد اون اتفاق افتاده تریگر می کنه. evt یک شیئ MouseEvent هست که target یک Propertie از اون هست .

کد :

myMovieClip.addEventListener(MouseEvent.MOUSE_DOWN, onStartDrag);
myMovieClip.addEventListener(MouseEvent.MOUSE_UP, onStopDrag);
function onStartDrag(evt:MouseEvent):void {
evt.target.startDrag();
} function onStopDrag(evt:MouseEvent):void {
evt.target.stopDrag();
}

- Frame Events :مثال بدون شرح

کد :

stage.addEventListener(Event.ENTER_FRAME,onFrameLoop);
function onFrameLoop(evt:Event):void {
cycle.x = mouseX;
cycle.wheel.rotation = mouseX;
}

-Timer Events :
همون طور که می دونید enterFrame به علت ثابت بودن فریم ریت در بازه های زمانی ثابت اتفاق می افته . Timer Eventاین اجازه رو میده تا یک فانکشن را در یک بازه زمانی دینامیک و دلخواه صدا بزنیم . این قابلیت در AS2 بوسیله تابع setInterval() قابل پیاده سازی بود .

کد :

var timer:Timer = new Timer(1000);
timer.addEventListener(TimerEvent.TIMER, onTimer);
timer.start();
function onTimer(evt:TimerEvent):void {
watch.hand.rotation +=5;
}

بخش دوم :
یک مفهوم جدید واساسی : DisplayList

سلام ماه رمضون مبارک اگه آنتن داد ما اموات رو هم یاد کنید .
پیچیدگی ، پراکندگی و بی نظمی هایی که در AS2 برای ایجاد در حال اجرای (runTime ) اشیای گرافیکی (مثل متن ها ، عکس ها ، مووی کلیپ ها و … ) وجود داشت باعث شد تا تو AS3 یه حال اساسی به این مقوله داده بشه ، نتیجه این تغییرات بنیادی ، شده Display list .
برای اینکه مفهوم Display list رو خوب بفهمید اول خوب به فایل فلش توجه کنید و دقیقا پیش خودتون مشخص کنید چه چیزایی رو میبینید و اون ها رو دسته بندی کنید . به قول این کتاب این همه نصف راهه .

Display list بخش نگهدارنده همه اشیاء بصری داخل فایل شماست . بوسیله Display list می تونید یک شیء گرافیکی را اضافه یا حذف کنید ، اون ها را کنار هم قرار بدید و ارتباط اونها رو با هم تعیین کنید . برای نمونه توی فایل مثلا زیر – شکل ۱ – ما یک shape داریم ، یک Text و یک Movie Clip که داخل اون یک تصویر بیت مپ قرار داره . اما AS3 فایل ما رو به شکلDisplay list متناظرش–شکل ۲- می بینه .

واضح و مبرهن است که Display list یک شیء است و هر شیئی را کلاسی اندر است . نوع داده های کلاس display object به صورت زیر است :

یه سری توضیح برای اشیاء جدیدالورود :
DisplayObject : هر چیزی که در display list می تواند وجود داشته باشد .
Shapes : یک مستطیل ، بیضی ، خط و یا هر چیز دیگری که بوسیله ابزار ها کشیدی می شوند .
Bitpam : تنها بیت مپ هایی در این قسمت جا می گیرند که بوسیله کلاس bitmap data و در حال اجرا بوسیلهAS3 ساخته شده باشند . توجه داشته باشید عکس های jpg که که وارد فایل می شوند در این نوع از bitmap دسته بندی نمی شند و در گروه shape ها قرار می گیرند .
Video : یک شی video display که حداقل ش اینه که یک ویدیو رو پخش کند . بطور استاندارد یک کامپوننت player .
InteractiveObject : این کلاس همه اشیاء display Object رو که بوسیله کاربر و توسط موس و صحفه کلید قابل تغییرند رو شامل می شه .
این کلاس به طور دستی به display list اضافه نمی شه . ما فقط می تونیم با زیر مجموعه هاش کار کنیم .
DisplayObjectContainer : این کلاس شبیه display object است با این تفاوت که این یکی میتونه داخلش چند تا display object داشته باشه که به این display object داخلیش می گن بچه -children – . مثلا video یک display object هست اما نمی تونه داخلش یک display object داشته باشه اما Movie clip با اینکه خودش هم display object هست اما می تونه داخل خودش display object داشته باشه پس Movie clip یک DisplayObjectContainer است .AS3 چند مدل DisplayObjectContainer داره :
Stage : تقریبا همون root خودمونه و display object های زیر مجموعه اش هم با همین اسم می تونند آدرس دهی بشن . البته توجه کنید که خودش بخشی از Display list هست .
Sprite : این یکی خیلی جدیده . sprite یک مووی کلیپ بدون تایم لاینه .
Loader : برای لود swf یا bitmap ها .
AVM1Movie: این کلاس برای کار با swf هایی که با AS1 یا AS2 ساخته شدند و قراره لود بشند به کار می ره . مخفف ActionScript Virtual Machine 1 هست . swf لود شده با فایل اصلی هیچ رابطه ندارند . البته احتمالا با local conection قابل پیاده سازی باشه .

root_در برابر root :
در AS2 کلمه _root به تایم لاین swf اصلی اشاره می کرد . چون _root یک متغیر global و همیشه ثابت بود اگر فایلی رو لود می کردین که توی اون به _root اشاره می شد _root فایل اصلی در نظر گرفته می شد . در AS3 کلمه root یک متغیر متعلق به display object است و معمولا به تایم لاین اصلی اشاره نمی کند .

بخش سوم :

چینش اجرای Display list

addChild() :

برای اضافه کردن یک display object به display list دو گام ساده نیاز هست :
۱-ساختن یک display object (در مثال اینجا یک MC ) :

کد :

var mc:MovieClip = new MovieClip();

این دستور یک مووی کلیپ می سازه ام ، اونو نمایش نمی ده .
۲- برای نمایش این MC باید اونو به display list اضافه کنیم :

کد :

addChild(mc);

اگر شما یک displayObjectContainer داشته باشید و بخواید MC تون توی اون باشه می تونید دستور addChild() رو به صورت زیر بنویسید :

کد :

navBar.addChild(mc);

دو تا مثلا برای انواع دیگه display Object :

کد :

var sp:Sprite = new Sprite();
addChild(sp);
var sh:Shape = new Shape();
addChild(sh);

توی AS2 مووی کلیپ ها یه خصوصیت دیگه هم به اسمdepthداشتند که لایه بندی اونها رو مشخص می کرد . display list این کار رو به طور خودکار انجام میده و هر شیئی که add میشه رو به بالا ترین سطح z موجود میبره و البته بطور دستی هم می شه اونو تعیین کرد .

اضافه کردن یک symbol به display list :
توی کتابخانهگزینه linckage مووی کلیپ مورد نظرتون رو کلیک کنید و گزینه Export for ActionScript رو هم فعال کنید کنید :

در جعبه Base class کلاسی که قراره symbol مورد نظرتون وارثش بشه رو مشخص کنید .

و حالا :

کد:

var cycle:MovieClip = new Unicycle();
addChild(cycle);

در اینجا قدرت شی گرایی فلش رو دیدیم در ادامه بیشتر به این موضوع می پردازیم

بخش چهارم : ( برنامه نویسی شی گرا)Object-oriented programming

به طور مختصر برنامه نویسی شی گرا یک روش برای حل مسئله های بزرگ که نیاز به استفاده از قانون تفرقه بنداز و حکومت کن داره هست . توی این روش مسئله بزرگ به زیر مسئله های کوچک خرد می شند که ریز حلال های این ریز مسائل رو می شه با کمی مسامحه به همون اسم کلاس صدا زد .
البته گروهی از برنامه نویسان این روش بسار خوب رو به کشتن پشه با چکش تشبیه می کنن واقعا همین جوره البته برای کار های کوچک ولی برای پروژه های بزرگ واقعا کار رو راحت می کنه مخصوصا پر کار برد ترین بخش شی گرا که واثت کلاس ها از یکدیگری که با استفاده از روشهای تک خال single ton و دیگر روشهای موجود میشه از حجم کد نویسی اضافه زیادی جلوگیری کرد

قالب کلی یک کلاس ساده :

کد :

package {
import flash.display.MovieClip;

public class Main extends MovieClip {
public function Main() {
trace("Flash");
}
}
}

کلمه package کلاس و همه اجزای مرتبط با اون رو توی خودش بسته بندی می کنه . و البته کاربردهای دییگه هم داره که می بینیم . خط دوم به اصطلاحا کامپایلر می گه که می خوایم شی ما تمام متود ها ، پروپرتی ها و ایونت های MovieClip رو هم داشته باشه .
کلمه extends MovieClip استفاده از مفهوم وراثت توی بحث OOP است . وراثت یعنی صرفه جویی در کد . با این کار شما کلاس MovieClip رو توسعه می دین بدون اینکه از محتویاتش اطلاع داشته باشید .
حالا کد بالا رو توی پوشه فایل FLA جاری با نام Main.as ذخیره کنید و توی فریم اول کد زیر رو بنویسید و اجرا کنید :

کد:

var main:Main = new Main();

Class Paths :
برای استفاده از کلاس ها چند روش وجود داره . اول اینکه خود فلش همه فایل های .as داخل پوشه خودش رو به طور خودکار import می کنه مثل مثال بالا . دوم ؛ بعضی مواقع لازم می شه تا کلاس ها داخل پوشه ها قرار بگیرند تا دسته بندی دقیق تری انجام بشه . توی این حال برای دسترسی به فایل های داخل پوشه ها برای هر پوشه از یک نقطه استفاده می کنیم :

کد:

import myapp.effects.Water;

توی این مثال ما کلاس myapp>effects>Water.as رو import می کنیم . البته باید توی خود Water.as هم باید تغییراتی رو بدیم :

کد:

package myapp.effects {

public class Water {
public function Water() {

}
}
}

سوم می شه از Publish settings هم کلاس ها رو به پروژه اضافه کرد .

یه مثلا برای تکمیل و تفریح :

کد:

package {
import flash.display.MovieClip;
import flash.display.Graphics;
import flash.events.Event;

public class Box extends MovieClip {
public var color:uint = 0x000099;
public function Box() {
//draw a shape at runtime
this.graphics.lineStyle(1, 0x000000);
this.graphics.beginFill(color);
this.graphics.drawRect(0, 0, 100, 100);
this.graphics.endFill();
this.addEventListener(Event.ENTER_FRAME, onLoop, false,0, true);
}
private function onLoop(evt:Event):void {
this.x += 5;
}
}
}

addChild() یادتون نره پایان کار باید اسفاده بشه ها .

به نظرم تا اینجا یه Action Scrip 2.0 کار می تونه با Action Script 3.0 کار کنه . البته این چرند و پرند هایی که من گفتم حتما ناقص هست ؛ ام ، به نظرم برای یه AS2 کار یکفی بالاشاره . بقیه چیزها به سادگی حین کار یاد گرفته می شند مثلا اینجا لازم نیست که من از ()gotoAndStop چیزی بگم در صورتی که شاید برای یک AS3 کار دونستنش از نون شب هم واجب تره و باز هم البته AS3 یک هوا از AS2سره و تکنیک ها و خروجی هایی که می شه از کشید بیرون در حد معجزه ست .
تا حدی که هم اکنون متورهای پردازش سه بعدی زیادی باین ورژن نوشته شده که با اونا میشه بازی سه بعدی کامل با فلش ساخت استفاده کمتر از رم و نیز کمتر به پردازش از حسن ها اصلی این ورژن می باشد تقریبا تا جایی که تونستن از قابلیتهای برتر دیگر زباهای برنامه نویسی برای بهتر شدنش کمک گرفتن به زودی در ادامه آموزش ها به بحث سه بعدی سازی با AS3 هم خواهیم پرداخت

::یک توضیح ضروری::
برای اشاره کردن به اجزای یک فایل توی AS2 معمولا از _parent , _root استفاده می شه . توی AS3 وقتی از این قابلیت استفاده کنید .

مثلا :

کد:

parent.gotoAndStop(20);

هنگام اجرا با خطا مواجه می شید

Access of possibly undefined property gotoAndStop through a reference with static type flash.displayisplayObject

این به خاطر اینه که فلش نمی دونه جنس parent از چیه . واسه حل این مشکل به این روش عمل می کنیم :

کد :

MovieClip(parent).gotoAndStop(20);

با این کار برای فلش مشخص می کنید که parent از چه جنسی می باشد.

در پایان چند ابزار مفید برای برنامه نویسی با AS3 رو براتون می زارم تا تقریبا مقاله تکمیل بشه

تبدیل اکشن اسکریپت ۲ به اکشن اسکریپت ۳ (AS2 to AS3 convertor)
برای اجرا به جاوا ران تایم احتیاج داره و می بایست جاوا رو روی سیستم نصب کرده باشید. این هم یه قسمت از توضیحات هست.

Installation and usage:
To use this application you must first install the JRE. Then you must modify ‘run.bat’ with a text editor. Finally, you just double-click run.bat to run it.
1.) Install the Java Runtime Environment (JRE) – http://java.sun.com
2.) Open run.bat with a text editor.
3.) Modify the path variable to point the ‘bin’ directory of your JRE installation.
4.) Modify the 3 directories on the line that looks like the line below. In order, the directories are the AS2 source directory, the AS2 output directory, and the AS3 output directory.
java -jar As3CodeUpdater.jar “C:codeAs2Source” “C:codeAs2Output” “C:codeAs3Output”
۵.) Save it. Double-click run.bat

توضیحات و فایل مروطه به صورت زیپ شده برای دانلود :
http://www.electrotank.com/junk/jobe/AS2_to_AS3.zip

جدول تطبیق دستورات as2 با as3

این جدولی که توی پیوست هاست فکر کنم خیلی مفید باشه واسه اینکه ببینید حدودا چقد as2 با as3 فرق کرده و یه دسته بندی خوب هم داره …حتما ببینید. این جا رو هم ببینید که حتما مفیده برای درک بهتر فلش …

این هم به صورت فایل زیپ می تونید از اینجا دانلود کنید

وای چقدر زیاد شد خسته شدم
دوستان هر سوال یا مشکلی بود در خدمتم
امیدوارم بستری را برای مهاجرت برنامه نویسان از AS2 به AS3 فراهم اورده باشم بقیش دیکه به تلاش و پشتکار خودتونه
انشاء الله موفق و پیروز و سربلند باشید ، بهروز

پ.ن : پاسخ به یک سوالاتی که از طرف کاربران پرسیده شده است به دلیل کاربردی بود :

۱-علی رضا

سوال :

اگر میشه در مورد متدهای Stage هم مطلبی بنویسید.

جواب :

جا به صورت خلاصه مفید ترین هاشو در AS2 به صورت زیر میباشد

Stage.align = "T";
Stage.scaleMode = "noscale";
Stage.showMenu = false;
Stage.addListener(listener);
Stage.fullScreenWidth()
Stage.fullScreenHeight()
Stage.fullScreenSourceRect()

البته تفاوت کوچکی در AS3 وجود دارد که بهتره برای لیست کامل به راهنمای فلش مراجعه کنید

۲- هاجر

سوال :

سلام روزتون به خیر. اگر اجازه دهید چند سوال در مورد اکشن اسکریپت ۳ و فلش ۱۰ بپرسم.
۱- من یک فیلم فلش ساخته ام که سه لایه صوتی دارد. که هر یک در برگیرنده صدای یک خواننده است. می خواستم فرمی طراحی کنم که کاربر خودش خواننده مورد نظر را انتخاب کند. پس از انتخاب توسط کاربر دیگر لایه های صوتی غیر فعال شوند. لطفا من را راهنمایی کنید.

۲- آیا راهی هست که به شماره لایه های یک فیلم فلش و یا شماره لایه های یک فیلم فلش که در فیلم اصلی لود شده است دسترسی پیدا کرد و آن ها را کنترل کرد.

۳-فکر می کنم تفاوت هایی بین لود کردن چند فیلم فلش در یک فیلم اصلی در as3 و as2 وجود دارد. آیا در as3 هم مانند as2 بحث سطوح مختلف (سطح صفر برای فیلم اصلی و سطوح ۱ به بعد برای فیلم های بعدی) وجود دارد؟آیا می توان کاری کرد که یک فیلم فلش خارجی در زیر برخی عناصر (مثلا یک shap) فیلم اصلی قرار بگیرد؟ آیا راهی وجود دارد که در فیلم اصلی دکمه هایی برای لود کردن فیلم های مختلف قرار دهیم که هر یک فیلم خاصی را لود می کنند و فقط یک دکمه stop وجود داشته باشد که فیلم های لود شده متوقف کند؟
در ضمن از آشنایی با سایتتون خیلی خوشحال شدم. اگر ممکن است مطالب آموزشی عملی را بیشتر قرار دهید.
متشکرم

جواب :

۱ – نکته ای رو در اول بگم اگه به صورت اکسترنال اکشن و یا پکیج برنامه نویسی می کنید و صدا ها تون هم از بیرو بارگزاری می کنید از این دو ورودی استفاده نمایید(در ابتدای کد)

code>import flash.media.Sound;
import flash.net.URLRequest;

شما نیازی نیست که هر صدا را در یک لایه قرار دهید فقط کافیت آنها را وارد library کنید

و بعد بر روی هر صدا راست کلیک می کنید و linkage را انتخاب نمایید کادرس شبیه به عکس زیر باز می شه در قسمت class برای هر کدام ار صدا ها یک نام بگذارید

در واقع تنها لازم است که شما با انتخاب کابر صدای مورد نظر را فراخوانی کنید . چگونه اش رو در پایین می نویسم

var mySound:Sound = new MyFavSong();
var mySound2:Sound = new MyFavSong2();
var mySound3:Sound = new MyFavSong3();

خوب تا اینجا فقط صدا ها رو تعریف کردیم حالا برای پخش و ایشت هر کدوم کافیه از play براشون استفاده کنیم

mySound.play();

این ها که گفتن به صورت کلی بود برای این موضوع یک فایل سورس مثال میزارم تا استفاده کنید
برای دانلود سورس استفاده صدا در اکشن اسکریپت ۳ کلیک کنید

برای کنترل بر بیشتر بر روی صدا ها می بایست چنل تعریف کنید که البته توی کد سورس بالا وجود دارد

۲ – در واقع نه به این منظور از لایه ها ولی به سطوح depth ها می شود دسترسی پیدا کرد و آنها را بالا و پایین برد

۳ – بله در کد و روش و نوع کار
بله ولی با تعرفی جدید
بله این کار هم توسط depth امکان پذیر می باشد
بله مانند مثال صدا شما یک شی برای پخش ویدئو ایجاد می کنید و تنها با دکمه های ارجاع برای پخش را عوض می کنید و با یک دکمه ایست شدن هر فیلمی را در این شی ایست می کنید
متاسفانه به دلیل طولانی بودن و البته یه کم پیچیده بود امکان نوشتنش در اینجا نیست ؛ انشاء الله در مقاله ای دیگر…

در مورد depth در اکشن اسکریپت ۳ می بایست از روشهای زیر استفاده کنید

setChildIndex(example,0);

که به جای صفر می تونید عدد مورد نظرتون برای سطح رو وارد نمایید

برای بدست آوردن آخرین سطح منهای یک از کد زیر استفاده می کنیم ، در واقع numChildern تعداد فرزند های موجود در والد می باشد

setChildIndex(example,numChildren - 1);

برای بالا بردن سطح نسبع به یک شی دیگر ابتدا سطح شی دیگر رو می گیریم و به اضافه یک به شی جدید خودمون اضافه می کنیم

var otherindex = getChildIndex(theotherthing);
//Behind that thing:
setChildIndex(example, otherindex)
//^ pushes the other thing forward
//In front:
setChildIndex(example, otherindex + 1);

3- پریسا

سوال:

ممکن است در مورد ساختن نواری که مدت زمان سپری شده از یک فیلم را نشان می دهد توضیح دهید.(فکر می کنم اسمش playback bar است).

جواب:

در واقع به این موارد playback bar و یا seek bar گفته میشه که به عنوان یک کامپوننت آماده در بخش کاموننت های فلش موجود می باشد و تنها کافیست آدرس فیلم و تنظیمات خود را وارد نمایید
ساخت این موارد یه کم توضیحشون طولانی می شه
ولی در کل اینه که طول فلیم رو بر اساس زمانش در یافت می کنیم و حالا می بایست به نسبت به عرض نواری که داریم تبدیلش کنیم و یک مووی کلیک مانند نوار بارگزاری اگه دیده باشید ایجاد کنیم و حالا می بایست یک مووی کلیپ با سایز مورد نظر ثابت برای نوار خالی بسازیم و با فرمان مختصات موس روی محورهای ایکس محل کلیک رو دریافت کنیم و فیلم و مووی کلیپ دوم که نمایش گر فیلم تا محل نمایش داده شده است رو حرکت بدهیم
البته این کار توسط یک EnterFrame هم می بایست در زمان پخش فیلم انجام شود
البته یه نوار به یک رنگ دیگر نیز برای زمان بارگزاری فیلم استفاده میشه

اینها که گفتم تقریبا اصول کلی بود که هم برای ویدئو و صدا و هم پیمایش فایل swf استفاده میشه و نیاز به برنامه نویسی زیادی داره
با توجه به این که شما می تونید قالب بندی پلیرهای آماده درون کامپوننت های فلش رو خودتون تغییر بدید به صرفه تر این است که از کامپوننت ها استفاده کنید
ولی در هر حال من یک نمونه کد براتون میزارم تقریبا کامله و برای اسختن دستی این موضوع میباشد

var mediaURL:String = "http://files.fliiby.com/streamVideo.php?file=u25u74oigj.flv";
var duration:Number;
var video:Video = new Video(320, 240);
addChild(video);
setChildIndex(video,1);
var nc:NetConnection = new NetConnection();
nc.connect(null);
var ns:NetStream = new NetStream(nc);
var stransform:SoundTransform = new SoundTransform();
ns.soundTransform = stransform;
video.smoothing = true;
ns.addEventListener(NetStatusEvent.NET_STATUS, onStatusEvent);
function onStatusEvent(stat:Object):void
{
trace(stat.info.code);
if(stat.info.code == "NetStream.Buffer.Full") {
bufferClip.visible = false;
}
if(stat.info.code == "NetStream.Buffer.Empty") {
bufferClip.visible = true;
}
if(stat.info.code == "NetStream.Play.Stop") {
ns.seek(0);
}
}
var meta:Object = new Object();
meta.onMetaData = function(meta:Object) {
duration = meta.duration;
}
ns.bufferTime = 0.1;
ns.client = meta;
video.attachNetStream(ns);
ns.play(mediaURL);
playButton.addEventListener(MouseEvent.MOUSE_UP, playButton_Release);
function playButton_Release(event:MouseEvent) {
ns.togglePause();
}
rewindButton.addEventListener(MouseEvent.MOUSE_UP, rewindButton_Release);
function rewindButton_Release(event:MouseEvent) {
ns.seek(0);
}
var videoInterval:uint = setInterval(videoStatus,100);
function videoStatus() {
var amountLoaded:Number = ns.bytesLoaded / ns.bytesTotal;
loader.loadbar.width = amountLoaded * 208.9;
loader.scrub.x = ns.time / duration * 208.9;
}
var scrubInterval:uint;
loader.scrub.addEventListener(MouseEvent.MOUSE_DOWN, loaderScrub_click);
function loaderScrub_click(event:MouseEvent) {
clearInterval(videoInterval);
scrubInterval = setInterval(scrubit,10);
loader.scrub.startDrag(false,new Rectangle(0, loader.scrub.y, 208, loader.scrub.y));
}
loader.scrub.addEventListener(MouseEvent.MOUSE_UP, loaderScrub_Release);
loader.scrub.stage.addEventListener(MouseEvent.MOUSE_UP, loaderScrub_Release);
function loaderScrub_Release(event:MouseEvent) {
clearInterval(scrubInterval);
videoInterval = setInterval(videoStatus,100);
loader.scrub.stopDrag();
}
function scrubit() {
ns.seek(Math.floor((loader.scrub.x/208)*duration));
}
var playerMenu:ContextMenu = new ContextMenu();
playerMenu.hideBuiltInItems();
var item1:ContextMenuItem = new ContextMenuItem("::::: Video Controls :::::");
var item2:ContextMenuItem = new ContextMenuItem("Play / Pause Video");
var item3:ContextMenuItem = new ContextMenuItem("Replay the Video");
var item4:ContextMenuItem = new ContextMenuItem("© ۲۰۰۹ IFLashLord.Com");
item2.addEventListener(ContextMenuEvent.MENU_ITEM_SELECT, pauseIt);
item3.addEventListener(ContextMenuEvent.MENU_ITEM_SELECT, restartIt);
playerMenu.customItems.push(item1, item2, item3, item4);
contextMenu = playerMenu;
function pauseIt(event:ContextMenuEvent):void {
trace("pauseIt()");
ns.togglePause();
}
function stopIt(event:ContextMenuEvent):void {
trace("stopIt()");
ns.seek(0);
ns.pause();
}
function restartIt(event:ContextMenuEvent):void {
trace("restartIt()");
ns.seek(0);
}
function setVolume(val):void {
stransform.volume = val;
ns.soundTransform = stransform;
}
function getVolume():Number {
return stransform.volume;
}
function soundOff():void {
setVolume(0);
}
function soundOn():void {
setVolume(1);
}
mute.addEventListener(MouseEvent.MOUSE_OVER, mute_Mouseover);
function mute_Mouseover(event:MouseEvent) {
if(getVolume() == 1) {
mute.gotoAndStop("onOver");
}
else {
mute.gotoAndStop("muteOver");
}
}
mute.addEventListener(MouseEvent.MOUSE_OUT, mute_Mouseout);
function mute_Mouseout(event:MouseEvent) {
if(getVolume()== 1) {
mute.gotoAndStop("on");
}
else {
mute.gotoAndStop("mute");
}
}
mute.addEventListener(MouseEvent.MOUSE_UP, mute_Click);
function mute_Click(event:MouseEvent) {
if(getVolume() == 1) {
setVolume(0);
mute.gotoAndStop("muteOver");
}
else {
setVolume(1);
mute.gotoAndStop("onOver");
}
}

4 – هاجر

سوال :

مشکل من فارسی نوشتن روی این کامپوننت هاست . مخصوصا در مورد comboboxها. در ضمن من اصلا فونتی که فلش برای فارسی استفاده می کند دوست ندارم چطور می توانم آن را تغییر دهم.

. اگر بخواهیم با زدن یک دکمه یکی از سطرهای comboboxظاهر شود آیا باید از prompt استفاده کنیم؟ (من استفاده کرده ام ولی جواب نمی دهد)
یک سوال دیگر من می خواهم یک شکل نامنظم را که در فتوشاپ طراحی کرده ام به عنوان ماسک روی صفحه قرار دهم ولی وقتی آن را در فتوشاپ paste می کنم یک پس زمینه سفید در کنار آن قرار می دهد. حتی اگر خود شکل را انتخاب کرده باشم. به نظر شما بهترین کار برای طراحی شکل های پیچیده چیست؟ و این که وقتی در فتوشاپ یک شکل را (مثل یک ابر )انتخاب می کنم و feather ان را تنظیم می کنم و آن را در فلش paste می کنم خطی در اطراف شکل می اندازد که نمی توان آن را از بین برد راه حل آن چیست؟

پاسخ :

مشکل فارسی در فونت می باشد که با کد زیر می توانید فونت و فرمت مورد نظر خود را تعیین نمایید :

my_listBox.setStyleProperty("textFont", "Tahoma");

این خصوصیت استایل می باشد که برای قالب بندی به کار می رود

و یا

my_listBox.setStyle("fontFamily", "Tahoma");

اگر از اکشن اسکریپ ۳ استفاده می کنید با کد زیر میتوانید به تمامی کامپوننت های فعال در پروژتون فونت و استایل مورد علاقتون رو اعمال کنید

//set Style to all
var ff:TextFormat = new TextFormat();
ff.font="Tahoma";
ff.size=12;
ff.color=0x000000;
ff.align="right";
import fl.managers.StyleManager;
StyleManager.setStyle("textFormat", ff);

نه نیازی به این کار نمی باشد ،اگه منظورتون از ظاهر شدن انتخاب شدن یک گزینه میباشد!؟ برای این کار می بایست مقدار selected را تغییر دهیدبهترین راه برای ورود تصویر به فلش استفاده از نرم افزار fireworks می باشد که ارتباط قوی با فلش دارد
در مورد ماسک گذاری یک تصویر در صورتی که حتی پس زمینه نداشته باشد نمی توان به عنوان ماسک در فلش استفاده نمود و می بایست طرحی وکتور و در فلش برای ماسک از روی طرح مورد نظر خود بکشید(طراحی نمایید)

در مورد آخر هم با استفاده از نرم افزار fireworks مشکل حل می شود ولی در غیر این صورت می بایست خروجی تصویر را png بگیرید و بعد تصویر را وارد فلش کنید ، در صورتی که لازم داشته باشید در نرم افزار فلش امکان فشرده سازی تصویر وجود دارد

سوال :

این کد که در action script 2.0 عمل میکنه اگر بخواهیم در action script 3.0 بنویسم باید چطور نوشته بشه؟

Stage.align =''C'';
Stage.scaleMode=''noSclee'';
Stage.showMenu=false; false;setProperty('''',_quality, ''best'');

جواب:
به جای اون کد ها می بایست از کدهای زیر در اکشن اسکریپت۳ استفاده نمایید

import flash.display.Stage;
import flash.display.StageAlign;
import flash.display.StageScaleMode;
import flash.display.StageQuality;
import  flash.ui.ContextMenuItem;

stage.scaleMode = StageScaleMode.SHOW_ALL;
stage.align = StageAlign.TOP_LEFT;
stage.quality =StageQuality.BEST;

var cm:ContextMenu= new ContextMenu();
cm.hideBuiltInItems();
this.contextMenu = cm;