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

مشاهدة النسخة كاملة : إنشاء الرسوم المتحركة على شبكة ويب



holly_smoke
10-02-2001, 07:54 PM
إنشاء الرسوم المتحركة على شبكة ويب

تمكّنك أدوات جديدة، في مجال الرسوم المتحركة (animations)، من شركة إنتل وشركة مايكروسوفت، من إنشاء رسوميات رائعة لموقعك على شبكة ويب.

يواجه مطوّرو المواقع على شبكة ويب، الذين يرغبون في إضافة رسوم متحركة إلى مواقعهم، عقبتين أساسيتين، هما: إنشاء الرسوم المتحركة، ودمجها بشكل مفيد وجميل ضمن الموقع. وبفضل أكثر من 2000 عنصر من عناصر القصاصات الفنية (art-clip) القابلة للتحرير (والتي يتطابق العديد منها مع قوالب برنامج FrontPage)، فإن برنامج شركة مايكروسوفت Liquid Motion، وسعره الرسمي 149 دولاراً، يساعد على حل المشكلتين. وإذا أضفنا إليه بعض برامج الإضافات (plug-in) المبنية بلغة جافا، فسنحصل على أداة طيعة بين يدي المطورين على شبكة ويب.

وتقدم إنتل مع إطلاقها برنامج Web Design Effects 1.1 (السعر الرسمي149 دولاراً)، طريقة جديدة كلياً، لإنشاء رسوم متحركة على شبكة إنترنت. وبفضل تقنية الرسوم المتحركة الإجرائية (procedural animation)، فإن كل ما تحتاجه إليه، هو صورة واحدة ممسوحة نقطياً (bitmapped)، وبضعة أسطر من الشيفرة البرمجية، لتتمكّن من إنشاء نماذج غير متكررة، تحاكي حركة بعض الظواهر الطبيعية، مثل النار والسحاب، والماء.

برنامج Liquid Motion

تتم عملية التصميم، في برنامج Liquid Motion، في بينية مؤلفة من شاشتين. تبيّن الشاشة الكبرى التصميم على مبدأ WYSIWYG (أي ما تراه هو ما تحصل عليه)، فيما تبين الشاشة اليسرى المحتويات، وما يتعلق بها من سلوكيات ونشاطات. ويقع أحد خطوط الزمن (timeline) تحت شاشة اللوائح، للتنسيق بين مختلف العناصر.

يحتوي برنامج Liquid Motion على أشكال ثنائية الأبعاد (2-D) وأخرى ثلاثية الأبعاد (3-D)، يمكنك تغيير شكلها وتغيير ألوانها، حسب رغبتك. ويحذّرك هذا البرنامج إذا اخترت شكلاً غير متوافق مع متصفحات معينة. ويمكنك أيضاً، إنشاء خيوط من النصوص (text strings)، إلا أن الفونطات المتوفرة محدودة. ويمكن لبرنامج Liquid Motion أن يستورد صوراً من نوع JPEG أو GIF، وملفات من نوع WAV أو MIDI، والعديد من هيئات الصوت الأخرى (باستثناء نوع RealAudio). ويحين الوقت، بعد ذلك، لإضافة الرسوم المتحركة.

تتضمّن التأثيرات المعلبة ضمن البرنامج، حركات القفز العشوائي، والنمو والتقلص، والدوران ثنائي وثلاثي الأبعاد. ويمكنك ضبط سرعة الرسوم المتحركة عن طريق زيادة أو إنقاص زمن التأثير. ويمكنك تحريك الكائنات يدوياً وتسجيل وتحرير مسار الحركة، فيما بعد.

يوجد عدد من التأثيرات المدمجة، مثل دورة الألوان (color cycling)، والتلألؤ (sparkles)، والفقاعات (bubbles)، بالإضافة إلى تأثيرات تفاعلية، مثل "اتبع الماوس" (follow the mouse)، ونقل كائن معين والربط التشعبي، إلى مواقع ويب بعيدة. ويمكنك ضبط عمل التأثيرات والرسوم المتحركة، بحيث تبدأ بالعمل إثر دخول شخص معين إلى المشهد المعني، أو إثر النقر على الماوس، وتمريره، وإبعاده، وتحريره.

يعالج برنامج الويزارد (wizard) جميع أعمال النشر، باختيار الخيارات المناسبة، وتجميع الملفات لوسط النشر المعني، والذي يتضمّن الحشر المباشر ضمن مشروع الويب المنشأ بواسطة برنامج FrontPage. ونظراً لأن معظم الرسوم المتحركة مبنية بلغة جافا، فيمكن إعادة تشغيلها على متصفّح نتسكيب، أو متصفّح IE الإصدارة 3 و4، على منصات ويندوز وماكنتوش، ويونيكس.

على الرغم من أن برنامج Liquid Motion لا يتطلب برنامج إضافات (plug-in)، إلا أنه يتطلب لمرة واحدة، جلب حوالي 223K من مركّبات جافا (Java installers). وفيما عدا ذلك، فإن الرسوم المتحركة مكثفة تماماً، حيث أنها تستهلك من 5K إلى 10K فقط، زيادة على الملفات الأساسية.

على الرغم من أن برنامج Liquid Motion قادر على تنفيذ رسوم متحركة معقدة فعلياً، إلا أنه يكون في أفضل حالاته عند تعديل الأزرار واللافتات والمضامين الحرة، سواء كانت ضمن البرنامج، أو من جهة أخرى. وفي هذا النمط، يستطيع برنامج Liquid Motion أن يعطينا محتويات متحركة ومترابطة مع بعضها البعض، بغض النظر عن خبرة المصمم على شبكة ويب.

برنامج Liquid Motion.

السعر الرسمي: 149 دولاراً، و54.95 دولار لمستخدمي برنامج Microsoft Office، وبرنامج FrontPage.

المتطلبات: 16MB من الذاكرة رام، و30MB من مساحة القرص الصلب، ونظام تشغيل مايكروسوفت ويندوز95، أو98، أوNT 4.0، أو الأحدث.

الشركة: مايكروسوفت.

هاتف: +971-4-513888

صفحة ويب: http://www.microsoft.com .

برنامج Web Design Effects

فيما تتطلب الرسوم المتحركة التقليدية المبنية على الإطارات (frame-based)، أزمنة تحميل طويلة، أو وصلات ذات عرض حزمة واسع، نجد أن تقنية الرسوم المتحركة الإجرائية (procedural animation)، الجديدة من شركة إنتل، تبث بسرعة، وتعمل بنعومة، وتبدو رائعة -بفرض أن نظام المشاهد مزوّد بالتجهيزات اللازمة. وقد يعتبر اعتماد شركة إنتل على عتاد متطور، من أهم سلبيات هذا البرنامج، لأنها، بذلك، لا تستهدف المستخدمين الذين لديهم معالجات بطيئة نسبياً، أو إمكانات عرض 256 لون، أو الذين يعملون على أنظمة ماكنتوش -وهم يشكلون جزءاً مهماً من مشاهدي شبكة ويب.

تتألف الأعمال الداخلية في تقنية الرسوم المتحركة الإجرائية، من شيفرة JavaScript، وVBScript. وإذا كنت من المبرمجين الخبراء، فيمكنك كتابة الأوامر مباشرة ضمن محرر HTML. وتقوم الوظائف بتحميل صورة واحدة، ثم تطبق سلسلة من الخوارزميات لتغيير اللون، والمكان، وتجميع البيكسلات في الصورة مع الزمن. ويمكن، مثلاً أن تحدد تحديدات التماسك، إذا كنت ستحصل على سحاب خفيف ممتد على رقعة واسعة، أو سحاب كثيف ذي قاعدة مسطحة، كما يمكن ضبط الحركة لتغيير اتجاه الرياح. ويمكنك إنشاء تشكيلات أكثر تعقيداً عن طريق وضع طبقات من الأقنعة والصورة الخلفية الساكنة، مع الرسم المتحرك.

تستخدم فقرة التأليف في برنامج Web Design Effects، اللوائح والحوارات لتحميل صور المصدر، وضبط الثوابت، وإنشاء الأقنعة، ومشاهدة الرسوم المتحركة المركّبة، وهي طريقة سهلة بالنسبة لغير المبرمجين. ويقوم البرنامج، عندما يحين زمن الخرج، بكتابة شيفرة برمجية يمكن قصها ولصقها في أي مستند HTML.

من سلبيات برنامج التأليف أنه ضعيف من ناحية التوثيق، وحساس جداً، ويمتلئ بمجموعة أدوات زائدة. ويمكنه أن يستورد ملفات بهيئة BMP وهيئة JPEG فقط، ولذلك فإن استخدام هيئات ويب، مثل GIF وPNG، يتطلب تحرير شيفرة HTML يدوياً.

يحتاج برنامج Web Design Effects إلى عدد من التحسينات، بما فيها واجه استخدام قياسية، وأدوات تحرير أكثر قوة. لكننا نرحب بهذه التكنولوجيا، التي تكمن خلف هذا البرنامج ونصفق لها، ونعتقد أن الرسوميات الإجرائية يمكن أن تلعب دوراً مهماً في الرسوم المتحركة، على شبكة ويب.

برنامج Intel Web Design Effects 1.0.

السعر الرسمي: 149 دولاراً.

المتطلبات: 16MB من الذاكرة رام، و10MB من مساحة القرص الصلب، ونظام تشغيل مايكروسوفت ويندوز 95، أو NT 4.0، أو الأحدث.

الشركة: إنتل

هاتف: +971-4-516888

صفحة ويب: http://www.intel.com.

هيجي هاتوري
10-02-2001, 09:09 PM
البرنامج متوفر في السعودية ...؟؟؟

snorlax
10-02-2001, 09:24 PM
نسيت تذكر عن برنامج الفلاش
الي يعتبر اقوى برنامج انشاء رسوم متحركة :)
http://www.saher1.hollywood.com/flyingbird.swf
شوف هذا المثال مثلا ..من تصميمي :)
....

RPGKING
11-02-2001, 09:09 AM
http://www.rpgking.4t.com

ستجد ثلاث عروض فلاش متحركة في الموقع