السلام عليكم
استكمالا لسلسة الدروس المترجمة بالسوش ماكس اليوم درسنا مترجم من اللغة الانكليزية الى العربية
وهو بقعة الماسك المتحركة
أولاً : قـــم باستيراد أي صـورة تناسبك ، من قائمة insert Menu قم باختيار import image .
ثانياً : من قائمة الخصائص Properties ، قم بإعطاء الصورة التي قمت باستيرادها اسم وليكن
img1 ولاتنسى أن تحدد على خيار Target .
ثالثاً : قــم بــرســم شكــل دائــرة باستخدام أداة Ellipse tool ( سيكون هذا شكل الماسك ).
رابعاً : مــن قـائمة الخصائص Properties قم بتغير نمط الحدود لهذا الشكل وقم باختيار None
ثم قـم بتعبئة شكل الدائرة باختيار تعبئة متدرجة Gradient وغير نوعها إلى Radial Gradient
ولايهـم ماتختاره من ألوان المهم أن يكون لونين اللون الأول لايكون شفاف، واللون الاخر يكون
شـفـاف بـــشــكل تـــــــام حيث تستطيع جعلها كذلك بتحديد " علامة اللون " ثم تختار من
قائمة Alpha 0% ، كما توضح الصورة التالية :
ثم قم بتسمية هذا الشكل mask1 ولاتنسى أن تعلّم على خيار Target كما وضحت الصورة
السابقة.
خامساً : قم بتحديد Scene_1 من قائمة الـ Outline ثم قم بفتح لوحة الأكشن سكربت Script
وقم بوضع هذا الكود :
كود HTML:onSelfEvent(load) { this.img1.setMask(this.mask1); }
سادساً : قــم بمعاينة العمل ctrl + enter ، ستشاهد أن الماسك يعمل مثل الصورة التالية :
وأن الشكل الدائري أصبح كماسك للصورة ولكن بحواف حادة .
سابعاً : قم بإيقاف المعاينة وارجع لقائمة Script، والآن لكي نستطيع إضافة الشفافية لحواف
الماسك ، سنستخدم خاصية cacheAsBitmap .
ملاحظة مهمة جداً ( هذه الخاصية لن تعمل الى على مشغل الفلاش الإصدار السابع وماقبله )
فتأكد قبل تصدير العمل ان يكون مشغل الفلاش الإصدار الثامن أو أحدث وتستطيع تغيير ذلك
من خلال قائمة file ثم export settings :
والآن ســنــقــم بـــعمل الخاصيــــة cacheAsBitmap لكلا الشكلين img1 و mask1 لصيبح
السكربت بشكل نهائي كالتالي :
تستطيع نسخه ولصقه من هنا إذا أردت تجنب عناء الكتابة
]كود HTML:onSelfEvent(load){ this.img1.cacheAsBitmap = true; this.mask1.cacheAsBitmap = true; this.img1.setMask(this.mask1); }
وبعد المعاينة سترى أن حواف الماسك أصبحت ناعمة و شفافة :
ثامناً : إذا أردت أن يــتــحرك المــاســك مـــع مــــؤشر الفأرة كــــما في المثال، تستطيع عمل
ذلك بجعل إحداثيات الشكل mask1 تساوي إحداثيات مؤشر الفأرة ، وذلك بنسخ الكود التالي
ولصفه تحت الكود التي كتبناه سابقاً :
كود HTML:onSelfEvent(enterFrame) { this.mask1._y = _ymouse; this.mask1._x = _xmouse; }
ليصبح الكود النهائي كالتالي :
وأخيرًا بإمكانك عمل الماسك على مختلف الأشكال وبإمكانك عمله على الموفي كليب أيضًا.كود HTML:onSelfEvent(load) { this.img1.cacheAsBitmap = true; this.mask1.cacheAsBitmap = true; this.img1.setMask(this.mask1); } onSelfEvent(enterFrame) { this.mask1._y = _ymouse; this.mask1._x = _xmouse; }
ونتمنى أنّكم استفدتم واستمتعتم بهذا الدرس المميز.
تطبيق الدرس
[FLASH="http://www.dorar-aliraq.net/ext/uploader/fileup/1308575961.swf"]width=400Height=300[/FLASH]
حمل الملف المفتوح للدرس من المرفقات
اشو الاكواد شلون ما اكتبها ما تطلع سطر جوة الثاني
رد مع اقتباس
المشاركة الأصلية كتبت بواسطة srag
