المساعد الشخصي الرقمي

مشاهدة النسخة كاملة : الماسك Mask في فلاش


azizsoft
10-02-2015, 03:55 PM
http://img39.imageshack.us/img39/1332/virusx.gif


المساك في برنامج الفلاش هو ببساطة كائن أو عنصر Object يمكن استعماله لاخفاء جزء محدد من احد العناصر
الرسومية في قائمة العرض .
يمكن أن يتم انشاء الماسك من كلاس Shape او Sprite أو Bitmap لنظهر به جزء محدد من صورة معينة او اي كائن أخر في المشروع.
الصورة التالية توضح لك اخي الكريم كيفية استغلال الماسك

http://im45.gulfup.com/sOvlcH.png

لاحظ هنا طبقا المساك على الصورة يعني اضفنا ماسك دائري لنظهر جزء معين من الصورة لنطبق معا =
افتح مشروع جديد اضغط Ctrl+ R واضف اي صورة حولها الى موفي كليب وفي خانة الانستنس نايم اعطها اسم my_object
اضف طبقة ثانية حددها وارسم اي شاكل فوق مكان معين من الصورة سواء مربع او دائرة وحوله الى موفي كليب وفي خانة الانستنس نايم اعطه اسم my_mask الان اضف طبقة ثالثة للاكشن سكريبت حددها اضغط F9 واضف السطر التالي :

my_object.mask = my_mask;


جرب العمل ستلاحظ ان المكان الذي وضعت فيه الماسك ظهر فقط ارجع للمساك وحركه قليلا الى اليمين وجرب من جديد تغير مكان الظهور
لو نحب نغير بالاكشن مكان الظهور نضيف مثلا هذا السطر
my_mask.x = 400; ونغيربالاحداثيات حسب رغبتنا .

لسائل أن يسئل ما فائدة المساك في مشاريعنا ؟؟؟ نقول طبعا له استخدامات كثيرة
تطبيق بانر اعلاني
تطبيق واجهة تفاعلية مع المستحدم
سحب وافلات المساك وابراز اجزاء الصورة أو الحروف او الارقام الخ ...
تطبيق شفافية على صورة معينة بالماسك والعديد ...


لاحظ على سبيل المثال سنيضيف حركة توييـــــــــــن للمساك اعلاه افسخ كل الاكواد والصق من جديد التالي


import fl.transitions.Tween;
import fl.transitions.easing.*;

my_object.mask = my_mask;
var my_tween:Tween = new Tween(my_mask,"x",Strong.easeOut,0,400,3, true);



ايضا سنجعل عنصر المساك قبل للتفاعل مع المستخدم من حيث السحب والافلات احذف الكود السابق وانسخ التالي


my_object.mask = my_mask;

my_mask.buttonMode=true;
my_mask.addEventListener(MouseEvent.MOUSE_DOWN, onDown);
my_mask.addEventListener(MouseEvent.MOUSE_UP, onUp);

function onDown(e:MouseEvent):void{
my_mask.startDrag();
}

function onUp(e:MouseEvent):void{
my_mask.stopDrag();
}


يعني ملخص الحدديث للماسك عديد الاستخدامات عن طريق الاكشن سكريب ولحذف مساك معين نضيف زر مثلا وندرج فقط
الامر التالي




my_mask.mask = null;
removeChild(my_mask);





أرجو أن أكون قد حققت الفائدة


http://up.graaam.com/img/c254fbbb25128f204e18c9c273464a02.png

أبو يوسف
10-02-2015, 06:15 PM
جزاك الله خيرا اخانا شريف :abc_152: وبارك الله فيك

خادم المسلمين
10-02-2015, 06:32 PM
شكرا أستاذنا
ولكن عند تجربة هذا الكود
my_object.mask = my_mask;
var my_tween:Tween = new Tween(my_mask,"x",Strong.easeOut,0,400,3, true);
تأتى رسائل من الاوت بوت
http://im58.gulfup.com/Dkn0Me.jpg (http://www.gulfup.com/?Pdns88)
الا يجب أن يكون بجانب المشروع
ملف من ملفات مكتبة التوين؟

abohmam
10-02-2015, 07:58 PM
جزاك الله خيرا أخى عزيز

سيتم الإطلاع والإستفادة ان شاء الله

بارك الله فيك وفى جهودك الدائمة

azizsoft
10-02-2015, 08:45 PM
شكرا أستاذنا
ولكن عند تجربة هذا الكود
my_object.mask = my_mask;
var my_tween:Tween = new Tween(my_mask,"x",Strong.easeOut,0,400,3, true);
تأتى رسائل من الاوت بوت
http://im58.gulfup.com/Dkn0Me.jpg (http://www.gulfup.com/?Pdns88)
الا يجب أن يكون بجانب المشروع
ملف من ملفات مكتبة التوين؟


أسعدني مروركم الكريم
بارك الله فيكم

أخي فيصل أنت على حق وقع سهو في الكود بخصوص تحميل مكتبة التونيننق والاعلان عنها الكود يكون كالاتي :

import fl.transitions.Tween;
import fl.transitions.easing.*;

my_mc.mask = mask_mc;
var my_tween:Tween = new Tween(mask_mc,"x",Strong.easeOut,0,400,3, true);


تم التعديل في الموضوع

خادم المسلمين
10-02-2015, 09:18 PM
أسعدني مروركم الكريم
بارك الله فيكم

أخي فيصل أنت على حق وقع سهو في الكود بخصوص تحميل مكتبة التونيننق والاعلان عنها الكود يكون كالاتي :

import fl.transitions.tween;
import fl.transitions.easing.*;

my_mc.mask = mask_mc;
var my_tween:tween = new tween(mask_mc,"x",strong.easeout,0,400,3, true);


تم التعديل في الموضوع

تمت التجربة بنجاح
طب لو حبيت أقلل سرعة الماسك اخى
فما الكود المفترض اضافته او تعديله فى سطر التوين؟

azizsoft
10-02-2015, 09:36 PM
بسم الله الرحمن الرحيم

مرحبا :abc_080:

(mask_mc,"x",strong.easeout,0,400,3, true)
لاحظ اخي فيصل
mask_mc هو طبعا اسم الموفي كليب الي انت اضفته
"x" هنا المحو الصيني يعني الحركة تكون افقية لو تريد مثلا حركى من الاعلى الى الاسفل او العكس تغير x الى y
strong.easeout هذا هو نوع التويننق وفيه عدة انواع
0 نقطة بداية التوين يعني لما تغيرها مثلا 100 تبدأ الحركة من هاته النقطة وهكذا
400 هذه نقطة النهاية تقدر تغيرها وتجرب على حسب الحركة الي تريدها
3 هو الوقت المخصص للحركة وهي 3 ثواني لما تحب تبطىء الحركة ارفع في الوقت غير 3 مثلا الى 7 ثواني وشوف او 9 وشوف :abc_051:

ان شاء الله نقدم شرح لكل خصائص التوين وهي رائعة فعلا :abc_022:

خادم المسلمين
10-02-2015, 09:45 PM
بسم الله الرحمن الرحيم

مرحبا :abc_080:

(mask_mc,"x",strong.easeout,0,400,3, true)
لاحظ اخي فيصل
mask_mc هو طبعا اسم الموفي كليب الي انت اضفته
"x" هنا المحو الصيني يعني الحركة تكون افقية لو تريد مثلا حركى من الاعلى الى الاسفل او العكس تغير x الى y
strong.easeout هذا هو نوع التويننق وفيه عدة انواع
0 نقطة بداية التوين يعني لما تغيرها مثلا 100 تبدأ الحركة من هاته النقطة وهكذا
400 هذه نقطة النهاية تقدر تغيرها وتجرب على حسب الحركة الي تريدها
3 هو الوقت المخصص للحركة وهي 3 ثواني لما تحب تبطىء الحركة ارفع في الوقت غير 3 مثلا الى 7 ثواني وشوف او 9 وشوف :abc_051:

ان شاء الله نقدم شرح لكل خصائص التوين وهي رائعة فعلا :abc_022:
شكرا جزيلا وبارك الله فيك
فلقد تمت التجربة
والتوين يعد محل دراسة ان شاء الله
سؤال أخير اخى
ما الفرق بين التوين
والترانزيشن مانيجر
مثلما فى هذا المشروع

http://www.developphp.com/Flash_tuto...2FXbd_FERM.zip (http://www.abc4web.net/vb/showthread.php?t=31160)

azizsoft
10-02-2015, 10:37 PM
بسم الله الرحمن الرحيم

لو لاحظت أن المكتبة fl.transitions تخص التوين والترانزيشن لكن لكل منها حركاته وتاثيراته
ان شاء نشرحهم مهمين للانيماشين
لاحظ هنا مثلا اضغط على زر بلاي ولاحظ اتاثير
غير الرقم في الانبوت واضغط على نفس الازرار لتشاهد تاثيرات اخرى
http://www.flashandmath.com/advanced/billboard/

خادم المسلمين
11-02-2015, 05:55 AM
شكرا اخى
ومنتظرين مزيد من الدروس النافعة
وجزاكم الله خيرا

خادم المسلمين
11-06-2018, 02:47 AM
:abc_022::abc_022:

امجدمحمد
13-02-2019, 03:00 PM
شـكــ وبارك الله فيك ـــرا لك ... لك مني أجمل تحية .