إعـــــــلان

تقليص
لا يوجد إعلان حتى الآن.

الماسك Mask في فلاش

تقليص
هذا الموضوع مغلق.
X
X
 
  • تصفية - فلترة
  • الوقت
  • عرض
إلغاء تحديد الكل
مشاركات جديدة

  • الماسك Mask في فلاش






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



    لاحظ هنا طبقا المساك على الصورة يعني اضفنا ماسك دائري لنظهر جزء معين من الصورة لنطبق معا =
    افتح مشروع جديد اضغط 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);



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





  • #2
    جزاك الله خيرا اخانا شريف وبارك الله فيك

    تعليق


    • #3
      شكرا أستاذنا
      ولكن عند تجربة هذا الكود
      كود PHP:
      my_object.mask my_mask;
      var 
      my_tween:Tween = new Tween(my_mask,"x",Strong.easeOut,0,400,3true); 
      تأتى رسائل من الاوت بوت

      الا يجب أن يكون بجانب المشروع
      ملف من ملفات مكتبة التوين؟

      تعليق


      • #4
        جزاك الله خيرا أخى عزيز

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

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

        تعليق


        • #5
          المشاركة الأصلية بواسطة خادم المسلمين مشاهدة المشاركة
          شكرا أستاذنا
          ولكن عند تجربة هذا الكود
          كود PHP:
          my_object.mask my_mask;
          var 
          my_tween:Tween = new Tween(my_mask,"x",Strong.easeOut,0,400,3true); 
          تأتى رسائل من الاوت بوت

          الا يجب أن يكون بجانب المشروع
          ملف من ملفات مكتبة التوين؟

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

          أخي فيصل أنت على حق وقع سهو في الكود بخصوص تحميل مكتبة التونيننق والاعلان عنها الكود يكون كالاتي :
          كود:
          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);
          تم التعديل في الموضوع

          تعليق


          • #6
            المشاركة الأصلية بواسطة azizsoft مشاهدة المشاركة
            أسعدني مروركم الكريم
            بارك الله فيكم

            أخي فيصل أنت على حق وقع سهو في الكود بخصوص تحميل مكتبة التونيننق والاعلان عنها الكود يكون كالاتي :
            كود:
            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);
            تم التعديل في الموضوع
            تمت التجربة بنجاح
            طب لو حبيت أقلل سرعة الماسك اخى
            فما الكود المفترض اضافته او تعديله فى سطر التوين؟

            تعليق


            • #7
              بسم الله الرحمن الرحيم

              مرحبا

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

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

              تعليق


              • #8
                المشاركة الأصلية بواسطة azizsoft مشاهدة المشاركة
                بسم الله الرحمن الرحيم

                مرحبا

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

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

                http://www.developphp.com/Flash_tuto...2FXbd_FERM.zip

                تعليق


                • #9
                  بسم الله الرحمن الرحيم

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

                  تعليق


                  • #10
                    شكرا اخى
                    ومنتظرين مزيد من الدروس النافعة
                    وجزاكم الله خيرا

                    تعليق


                    • #11

                      تعليق


                      • #12
                        شـكــ وبارك الله فيك ـــرا لك ... لك مني أجمل تحية .

                        تعليق

                        مواضيع تهمك

                        تقليص

                        المنتدى: القسم العام نشرت بواسطة: ماريا عبد الله الوقت: 06-08-2025 الساعة 11:33 PM
                        المنتدى: القسم العام نشرت بواسطة: ماريا عبد الله الوقت: 06-04-2025 الساعة 05:29 PM
                        المنتدى: القسم العام نشرت بواسطة: ماريا عبد الله الوقت: 05-31-2025 الساعة 10:07 PM
                        المنتدى: القسم العام نشرت بواسطة: ماريا عبد الله الوقت: 05-30-2025 الساعة 11:48 PM
                        المنتدى: التصنيع والانتاج نشرت بواسطة: HaMooooDi الوقت: 05-30-2025 الساعة 09:36 AM
                        يعمل...
                        X