شرح تصميم توقيع فلاشي ببرنامج السويش ماكس SwishMax حسب طريقة hadi060 (الجزء الرابع)
مرحبا بكم أحبتي الكرام في هذا الجزء وهو الرابع والأخير من سلسلة دروس السويش ماكس التي أقدمها بشكل حصري في منتديات الأمل. قبل البدء في درس اليوم لا بأس من التذكير بأجزاء هذه السلسلة من الدروس: :framerosepj6: تم تنظيم دروس هذه السلسلة حسب الشكل التالي: :TEAL: الجزء الأول: شرح أساسيات برنامج السويش ماكس (شرح فلاشي) :framerosepj6::MOSS: الجزء الثاني: التأثيرات على النصوص من خلال تقديم درس عملي عبارة عن فيديو مصور لعملية تصميم توقيع. :MAGENTA: الجزء الثالث: التأثيرات على الصور وأيضا تحريكها وجعلها تناسب أي نص أو عنصر نريد من خلال فيديو عن تكملة التصميم الذي بدأناه في الجزء السابق. :SILVER: الجزء الرابع والأخير: بعض الإضافات المهمة كمشهد ما قبل التحميل وأمر جعل الفلاش يتكرر تلقائيا، ثم تصدير العمل في النهاية، أيضا على شكل فيديو. لمن يحب أن يتتبع السلسلة بشكل جدي فإنني إنصحه بشدة بتتبع الأجزاء حسب تسلسلها الذي وردت به في الفهرس أعلاه، أي بدءا من الجزء الأول وانتهاء بهذا الجزء. كما سبق وأشرت في الجزء الأول من الدروس فإنكم ستحتاجون خلال تتبعكم لهذه الدروس إلى برنامج السويش ماكس والذي يمكنكم الحصول عليه أو على نسخة تجريبية منه من خلال موقعه على الرابط التالي: :062: SwishMax :icf-(43): :062: أيضا قد تلاحظون بأنني أستعمل خطوطا عربية لا تملكونها، ولو أنه يمكنكم استعمال الخطوط الموجودة عندكم، لكن من أراد منكم أن ينوع خطوط حاسوبه فإنني أنصحكم بموضوع أختنا المبدعة ايجا من خلال هذا الرابط: :062: خطوط عربية http://farm3.static.flickr.com/2355/...e2d0ed7a_o.png :062: في الجزء الثالث (أي السابق) تمكنا من الوصول إلى النتيجة التالية: [FLASH=http://hadi060.googlepages.com/alamalnet2.swf]width=400 height=200[/FLASH] وفي هذا الجزء لن تكون النتيجة مختلفة كثيرا عن نتيجة الجزء السابق، لأن عملنا سيتركز بالأساس على إضافة رموز برمجية (أكواد) نتحكم بها في الفلاش بشكل معين، كما سنتعلم طريقة إنشاء مشهد ما قبل التحميل. :062: والآن أترككم مع الدرس من خلال موقع اليوتوب: :fassil: [FLASH=http://www.youtube.com/v/ICkNzlFulKE&hl=en&fs=1&rel=0&color1=0x006699&color 2=0x54abd6&border=1]width=425 height=355[/FLASH] :fassil: ولمن أراد تحميل هذا الشرح على حاسوبه ليشاهده بجودة عالية كيفما ووقتما يشاء، ها هو الرابط المباشر(حجم الفيديو الأصلي يبلغ 21Mb): درس السويش ماكس: مشهد ما قبل التحميل وأمر جعل الفلاش يتكرر تلقائيا http://www.alamalnet.com/vb/images/g...awataiqiya.gif :062: :framerosepj6: شرح الرموز البرمجية (الأكواد) :062: من الآن فصاعدا سوف أسمي الكود باسم الرمز البرمجي، وسوف أسمي الفريم باسم الإطار لنكون للعربية أقرب. أول ما فعلناه في جانب الرموز البرمجية هو أننا أضفنا رمزا برمجيا في الإطار الأخير من المشهد Scene_1 كما هو موضح في الصورة التالية: http://farm4.static.flickr.com/3211/...ca5b2d53_o.png الإطار الأخير كان هو الإطار رقم 103 وقد أضفنا إليه الرمز البرمجي الموضح في الصورة التالية (مظلل بالأصفر): http://farm4.static.flickr.com/3275/...549fbab8_o.png وإليكم شرح هذا الرمز بالتفصيل: العبارة التالية: كود PHP:
كود PHP:
عند الإطار 103 من المشهد الحالي انتقل إلى الإطار 1 من نفس المشهد. لذلك ما سيحدث أن قارئ الفلاش حينما سيصل إلى الإطار 103 سينتقل تلقائيا إلى الإطار الأول من نفس المشهد ليعيد قراءة المشهد مجددا وهكذا دواليك. :062: :062: الآن ننتقل إلى شرح الرمور البرمجية الخاصة بمشهد ما قبل التحميل. في مشهد ما قبل التحميل ذهبنا إلى الإطار الأول منه: http://farm4.static.flickr.com/3262/...9f0a4403_o.png ثم أضفنا الرمز البرمجي التالي (المظلل بالأصفر): http://farm4.static.flickr.com/3095/...8d39e0d9_o.png هذا هو أهم أمر في هذا المشهد، فما معناه يا ترى؟ أصبح من الواضح الآن أن العبارة كود PHP:
هذه المرة نجد أمرا شرطيا لوجود الدالة if (وتعني إذا)، والأمر هو: كود PHP:
كود PHP:
كود PHP:
طبعا هذا هو المتوقع خصوصا مع الفلاشات التي يكون حجمها كبيرا، إذ أن قارئ الفلاش حينما يتحقق قد يجد أن جزءا من حجم المشهد هو الذي تم تحميله مثلا وليس المشهد كله، لذلك فنحن نضيف له أمرا آخر في الإطار الأخير من مشهد ما قبل التحميل، نأمره فيه بالرجوع إلى الإطار الأول من مشهد ما قبل التحميل، فيقرأ الأمر من جديد وطبعا يكون الفلاش قد زاد حجم ما تم تحميله منه، ويواصل هكذا إلى أن يكون المشهد قد تم تحميله لحاسوب المتصفح بكامله، حينها يكون الشرط قد تحقق فينتقل للإطار الأول من مشهدنا الذي صممنا وهو Scene_1، وهنا تكمن أهمة مشهد ما قبل التحميل، فهو يظهر للمشاهد طالما يتم تحميل الفلاش من السيرفر. لذلك نذهب إلى الأطار الأخير من مشهد ما قبل التحميل: http://farm4.static.flickr.com/3270/...d0ac59a3_o.png ثم نضيف الأمر التالي: http://farm4.static.flickr.com/3174/...89f649e9_o.png وهو الذي أخبرتكم أنه يامر قارئ الفلاش للعودة إلى الإطار الأول من مشهد ما قبل التحميل حيث يتحقق من جديد من مدى تحقق الشرط الأول أم لا. :062: ولرؤية النتيجة النهائية المرجو النقر على الرابط التالي: مشهد ما قبل التحميل :icf-(43): (تعمدت طرح رابط الفلاش حتى تتمكنوا من مشاهدة مشهد ما قبل التحميل، وبالرغم من ذلك فقد لا يتمكن من مشاهدته من سرعة ارتباطه كبيرة، لأنه حينها يتم تحميل المشهد بسرعة مادام حجمه صغيرا، وبالتالي سيتحقق الشرط في رمشة عين، لذلك لا تستغربوا إذا لم تشاهدوا مشهد ما قبل التحميل ^_^) :062: وبهذا نكون قد انتهينا من التصميم الكامل لهذا الفلاش، وقد وضحت لكم على مدى الأجزاء الأربعة الطريقة نفسها التي أتبعها شخصيا، ولا أخفي أن شرح الرموز البرمجية تطلب مني مجهودا إضافيا ذلك أنني اخشى ألا يتم استيعابها سيما وأنني أريد من الشرح أن يكون في متناول الجميع مهما كان مستواهم في مجال تصميم الفلاشات. لذلك عذرا إن لاحظتم وجود تكرار او ركاكة في الأسلوب.. كان هذا آخر جزء من سلسلة دروس السويش ماكس، وأرجو أن أكون قد وفقت في تقديمها. انا معكم دوما لتلقي استفساراتكم، كما سأسعد برؤية تطبيقاتكم على الدروس. بالتوفيق ومني لكم أرق تحية.. |
لا أعرف كيف أشكرك أخي هادي على هذا المجهود الجبار الذي قمت به فالكلمات تعجز عن و صف الشكر ولن تستطيع أن توفي لهذا العمل حقه لا يسعني إلاّ أن أقول لك وفقك الله إلى الخير و أعانك عليه و جزاك الله خير الجزاء و رزقك من فضله إنّه هو الرزاق و خير ما سأقوله لك هو قوله تعالى : " وقل أعملوا فسيرى الله عملكم ورسوله والمؤمنون " صدق الله العظيم تقبل أخي العزيز مروري تحياتي |
اخــي هــادي
سلمــت يميــنك اخي الكريــم وجوزيــت خيــرا على جهــدك الكبيــر تقبــل مــني فائــق التقــدير جيــــف |
ما شاء الله عليك اخي هادي درس اخر من دروسك الممتازة
ربما اكون قد تاخرت في الرد على هذا الشرح الوافي لكن دائما تبقى مميز في طروحاتك القيمة تم تتبيث الموضوع مع ختمه بالحصري جزاك الله عنا كل الخير تحياتي |
...
مشكور والله يعطيك العافية.. تحياتي.والله وفيت وكفيت.. تقبل مروري.. :more12: |
شكرا لكم جميعا أحبتي على كلامكم المشجع، وأرجو أن نرى لكم تطبيقات لهذه السلسلة من الدروس إن شاء الله..
شكرا لك أخي حفيظ على تثبيت الموضوع وختمه.. مني لكم أرق تحية.. |
شكرا لك أخي الكريم هادي على هذا الشرح الوافي و الرائع جزيت من المولى كل الخير جاري التطبيق ... في امان الله ايجا |
السلام عليكم عدت مرة أخرى و معي التطبيق [FLASH=http://sallmaaa21.googlepages.com/Movie4s.swf]width=400 height=200[/FLASH] شكرا لك مرة أخرى أخي الكريم هادي أجمل تحية تقبلها مني في أمان الله ايجا |
أهلا بك أختي المبدعة ايجا..
كنت أنتظر تطبيقك أختي، وكنت متيقنا من أنه سيكون مميزا.. تمكنت ولله الحمد من التحقق من وجود مشهد ما قبل التحميل ^_^ التصميم رائع ولا غبار عليه، ويمكنك الآن مساعدتي في الكشف عن خبايا هذا البرنامج وتقديم دروس لنا ^_^ ملاحظة بسيطة: حاولي أن تجعلي الانتقال بين الصور بشكل سلس أكثر، أقصد أن الصورة المتحركة حينما ينتهي وقتها فإنني ألاحظ في تصميمك أنها تتوقف تم تظهر التي بعدها، وملاحظتي عن ذلك التوقف البسيط (لاحظي تطبيقي وقد تفهمين ما أقصد).. التطبيق ممتاز إنما ملاحظة تكميلية لا تضر (فعادة ما يحصل الطلبة المتفوقون على واجبات إضافية ^_^) موفقة ومني لك أرق تحية.. |
بارك الله فيك اخي الكريم هادي و شكرا على نصائحك القيمة التي سأعمل بها بحول الله أجمل تحية تقبلها مني في امان الله ايجا |
الساعة الآن 21:48 |