الرسوم المتحركة وعالم الإنترنت

الإنترنت : هذا الجديد الرائع النشيط الفعال الذي دخل حياتنا من أوسع الأبواب وأخذنا معه للإبحار وكشف الكثير من الجديد الذي غاب عنا  لزمن طويل . تعددت كثيراً وتميزت الحقول التي دخلتها الإنترنت بالأخبار و الصحف مروراً بالصفحات العلمية والتعليم عن بعد,الإعلانات التجارية , التسويق الإلكتروني الأفلام القصيرة والرسوم المتحركة ووصولاً للقاءات البعيدة والعمليات الجراحية المنقولة عن بعد.  وليس هذا سوى القليل من الحقول الحياتية التي دخلتها الإنترنت وغيرت الكثير فيها .www.tartoos.com

الرسوم : هي أحد الدعائم الأساسية لصفحات الإنترنت وتكاد لا يخلو صفحة من صفحات الإنترنت من رسم ما يعبر عن موضوع ما . تختلف رسوم الإنترنت وتتعدد أنواعها , فمنها الرسوم التوضيحية , الرسوم البيانية الرسوم التخطيطية ... أجملها وأكثرها فعالية وجاذبية هي الرسوم المتحركة بكافة أنواعها وأشكالها .

خلق الرسوم المتحركة و وضعها ضمن صفحات الإنترنت موضوع رائع وشيق يحتاج لمعرفة بعض المبادئ والتقنيات التي يستخدمها الجميع ,المبتدئين منهم والخبراء العاملين في هذا المجال .www.tartoos.com

سنتعرف في هذا المقال على أهم التقنيات التي يستخدمها مصممو صفحات الويب لخلق الرسوم المتحركة ومنها :www.tartoos.com

0 الرسوم المتحركة نوع GIFs

0 لغة البرمجة  Dynamic HTML

0 لغة البرمجة java  

0 برامج Flash  وShockwave

سنقدم ل; – عزيزي القارئ – في هذا العدد من جريدة الرقميات كيفية عمل هذه التقنيات ,حسناتها  وسيئاتها , كما أننا سنتطرق للابتكارات الجديدة التي ستدعم وستسهل خلق الرسوم المتحركة وضمها لصفحات الإنترنت .www.tartoos.com

الرسوم المتحركة نوع GIFs

إن أحد أروع الابتكارات في تاريخ الإنترنت هو إمكانية وضع الصور الفوتوغرافية وغيرها من الرسوم التوضيحية مع النصوص الخاصة بها في صفحة إنترنت واحدة . تحفظ عادة الرسوم التوضيحية بملفات من نوع bitmap ( bmp ) . هذا النوع من الملفات يصف ببساطة لون كل نقطة ( بيكسل ) في الصورة لذلك حجمه كبير. ظهر العديد من التقنيات لضغط وتصغير حجم هذا النوع من الملفات ضمن عالم الإنترنت استخدم النوع JPEG أو النوع GIF .

الرسوم المتحركة : عبارة عن سلسة من الصور الساكنة تعرض بالترتيب الواحدة تلو الأخرى . لذلك فإن أبسط طريقة لإضافة الرسوم المتحركة لصفحة ويب هي بوضع سلسة من الصور وجعل متصفح الإنترنت يعرضها بالتتابع . يدعى هذا النوع من العرض بالرسوم المتحركة نوع GIF أو GIF89 .

يمتاز هذا النوع من الرسوم المتحركة بسهولة تطبيقه وفهمه المباشر التلقائي من قبل معظم متصفحات الإنترنت . فمثلا عند استخدام أحد البرامج التشاركية ( sharewarw ) مثل برنامج GIF construction set كل ما يجب فعله هو وضع سلسلة الصور التي تشكل إطار العرض كاملاً ضمن ملف وكتابة الشفرة الخاصة ليتم عرضها .www.tartoos.com

أما نقاط ضعف هذا النوع هو الالتزام بعدد لقطات قليل ضمن الإطار الكلي للعرض بغية الحفاظ على صغر حجم الملف , وبالتالي يكون العرض بفواصل زمنية كبيرة مما يعني عدم الحصول على عرض ناعم ومتواصل .www.tartoos.com

إنها طريقة ممتازة للعروض البسيطة وإضافة بعض اللقطات الجملية التزينية للموقع . لكن مصممي ومستخدمي صفحات الإنترنت وجدوها غير مناسبة للعروض المركبة المعقدة الضرورية لإعطاء الإحساس الحقيقي بالحركة . علاوة على ذلك , لا يمكن إضافة المؤثرات الصوتية لهذا النوع من الرسوم المتحركة .www.tartoos.com

اللغة الديناميكية HTML

تعرضنا في الفقرة السابقة للرسوم المتحركة من نوع GIF ورأينا أن المشكلة الأساسية في هذا النوع أن كل إطار من العرض يضيف حجم كبير جداً لمجمل حجم الملف . إحدى الطرق الممكنة للتغلب على هذه المشكلة هي بحذف مبدأ الأطر ضمن العرض والاستعاضة عنه بمبدأ تحريك صور ثابتة على شاشة الحاسب . وهذا ما تفعله أنت يوميا عندما تحرك المؤشر على الشاشة باستخدام الفارة .www.tartoos.com

صفحات الويب هي بالأساس عبارة عن ملفات ساكنة تم تصميمها باستخدام اللغة HTML . تعتبر اللغة ( Hyper Text Markup Language HTML  لغة تأشير النص الترابطي ) لغة البرمجة الأساسية لصفحات الويب . تتكون هذه اللغة من تعليمات برمجية مركبة تدعى مؤثرات Tags تعمل على توجيه متصفح الإنترنت لكيفية وأمكنة عرض عناصر صفحة الويب .www.tartoos.com

ومع تطور عالم  الإنترنت وجد مصممو الويب  أن تلك الصفحات الساكنة جامدة ومحدودة لا تلبي طموحاتهم , وأصبحوا ينظرون لصفحات متحركة تعطي الشعور بالحيوية والحياة لمواقعهم  بعد ما يتم تحميلها وعرضها على الشاشة أمام المستخدمين . هنا ظهرت اللغة Dynmic HTML أو DHTML القادرة على حل المشكلة وتلبية حاجات المصممين , هذه اللغة عبارة عن مزيج من لغات مختلفة مثل Javascript , Vbscript قادرة على التحكم بما يدعى نموذج الوثيقة الغرضي ( DOM ( document object model ضمن متصفح الإنترنت لديك . يتحكم نموذج الوثيقة الغرضي بكل ما يتعلق بطريقة عرض عناصر الصفحة ( لون الخط مكان الصور .. ) بواسطة المتصفح . لم تخلق لغة DHTML بالأساس للرسوم المتحركة ولكن بما أنها قادرة على تبديل حالة العنصر فإننا نستطيع استخدام هذه الصفة لإضافة حركة لبعض عناصر الصفحة أي بكل بساطة يمكننا استخدام هذه اللغة لتحريك سلسلة من الصور والحصول على عرض ممتع ضمن صفحة الويب . تماماً كما الرسوم المتحركة نوع GIF يمكن تمييزها وفهمها من قبل جميع المتصفحات , كذلك فإن الرسوم المتحركة بواسطة اللغة DHTML يمكن تمييزها وفهمها من قبل جميع المتصفحات ودون أن يحتاج المستخدم لتحميل أي عناصر إضافية . لكن العمل مع هذا النوع ليس سهلاً كالعمل مع رسوم GIF , إن كتابة برنامج لعرض ما صعب جداً , هناك بعض التطبيقات السهلة الاستخدام والمجهزة لمساعدتك وتوجيهك بشكل صحيح للقيام بمثل هذه الأعمال مثل    Macromedias Dreamweaver

تعتبر لغة DHTML ذات إمكانيات محدودة في حقل الرسوم المتحركة . إنها أكثر سهولة ومرونة من الرسوم المتحركة GIF لكنها أقل فعالية ولدعم الإنترنت بإمكانية تقديم عروض مليئة بالحركة والحيوية , جهد المبدعون في هذا الحقل لتقديم برمجيات داعمة لمتصفحات الإنترنت لتحقيق هذه المهمة .www.tartoos.com

بريمجات جافا Java Applets

بريمجات جافا هي طريقة أخرى لبناء الرسوم المتحركة . هي لغة برمجة شبكية غرضية التوجه عامة بواسطة اللغة جافا , يستطيع المبرمجين بناء تطبيقات يمكن للمستخدمين تحميلها وهم خارج الشبكة  ,هذه اللغة تأهل المتصفح لاستخدام ما يسمى الآلة الافتراضية virtual machine التي هي عبارة عن قطعة برمجية تفهم لغة جافا وتترجمها لنظام تشغيل الحاسب ( Windows, MacOS , Unix ) لدى المستخدم .www.tartoos.com

بريمجات جافا هي تطبيقات برمجية غير مكتملة تعمل فقط بالتعاون مع المتصفح , يستطيع مصممو الويب بناء ما يرغبون به من تطبيقات بما فيها تطبيقات الرسوم المتحركة . الميزة الرائعة لبريمجات جافا أنها تعمل مع جميع أنظمة التشغيل وهي مرنة جداً . لغة جافا مناسبة لبناء رسوم متحركة تفاعلية ورسوم  متحركة مدمجة مع عناصر أخرى ضمن صفحات الويب .www.tartoos.com

برامج مقبسية plug – ins

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

الفيديـو

تعتمد الأعمال الفيديوية عادة حلول البرامج المقبسية لنتمكن من تقديم العرض الفيديوي ضمن صفحة الويب . هذا العرض يمكن أن يتضمن مقاطع صوتية ورسوم تفصيلية متحركة . ولتقديم عروض جيدة  . يتم التأكد أولاً من وجود البرامج المقبسية اللازمة لإنجاز العرض , وفي حال عدم وجود هذه البرامج يطلب المتصفح من المستخدم تحميلها عبر الشبكة أما في حال وجود هذه البرمجيات يتم تقديم العرض مباشرة . www.tartoos.com

برامج [Flash  و Shockwave  لزمن طويل , بقيت برامج Flash و Shockwave هي البرامج المقبسية الأكثر تداولاً ضمن عالم الرسوم المتحركة , من شركة Macromedia .

Flash

 هو التنسيق القياسي لملفات الرسوم المتحركة ( rich animation ) ضمن شبكة الويب .www.tartoos.com

Shockwave : هو التنسيق الأكثر شيوعاً لتقديم عروض أكثر تعقيداً خلافاً لملفات Real player وQuick Time . عروض Flash و Shockwave تظهر حقيقة كجزء من صفحة الويب وتضم مستوى عالي من الرسوم التفاعلية تماما مثل صفحات HTML المباشرة يمكن لبرمجيات Shockwave تقديم عروض الرسوم المتحركة والتفاعل مع أوامر المستخدم والتحكم بطريقة استجابة المتصفح .

هنالك العديد من البرامج الأخرى مخصصة للتعامل مع الصور المتحركة . لكن البرنامج Flash يمتاز بأنه برنامج مدمج مع أغلب المتصفحات , تتصف العروض ذات تنسيق Flash و Shockwave بسرعة تحميلها عن الشبكة حيث أن هذه البرامج تعتمد مبدأ الأشعة ( vector- based ) في توليد الرسوم . هذا يعني أنه عوضاً عن تخزين الصورة كسلسلة من عناصر صورة (pixel ) يتم تخزينها كخطوط وأشكال يتم توليدها بمعادلات رياضية . كما أن هذان البرنامجان يمكنهما التعامل مع صور نوع bitmap التي يمكن تحريكها ضمن الصفحة تبعاً لمسار محدد .www.tartoos.com

 تصميم عروض صور متحركة

سنقدم في هذه الفقرة فكرة سريعة عن كيفية بناء عرض لصور متحركة باستخدام برامج Flash و Shockwave يتصف هذان البرنامجان بالمتعة و السهولة بالاستخدام . يملكان واجهة تطبيق سهلة والعديد من المهام المؤتمتة لبناء فيلم صور متحركة : أنت بحاجة للتعامل مع عناصر هذا الفيلم بثلاث طرق مختلفة :www.tartoos.com

0 رسم وتحرير كل صورة من صور المشهد كل على حدا .

0ترتيب هذه الصور في أطركما ستظهر في المشهد .

0ترتيب الأطر لتشكيل العرض المطلوب .

كلا البرنامجان لها إمكانيات توريد , توليد وتحرير عناصر العرض . للحصول على مهارة وتقنية عالية في بناء عروض Flash ننصح بالإطلاع على الموقع :

http://hotwired.lycos.com/webmonkey/multimedia/animatiom/tutorials/tutoriaial1.html

 مستقبل رسوم الويب المتحركة

الخطوة الكبيرة التالية في عالم الرسوم المتحركة ضمن شبكة الويب , هي الرسوم ثلاثية الأبعاد الأمر الذي يمنح مستخدمي الويب مستوى آخر من إمكانية التفاعل المباشر مع محتويات الموقع . في الرسوم ثنائية الأبعاد كل ما تشاهده تابع لما يقرره المصمم تماماً مثل ما تراه على شاشة التلفزيون من أفلام كرتون .www.tartoos.com

 في الرسوم ثلاثية الأبعاد يمكنك التعامل مع نسخ و أجسام ثلاثية الأبعاد , وبالتالي يمكنك التحكم اكثر بالغرض  ,يمكنك تدوير الجسم تفعيل بعض الوظائف الخاصة , وفي بعض الحالات تعديل أبعاده وكما هي الحال مع عروض برامج Flash و Shockwave  . أنت بحاجة لتحميل برامج مقبسية خاصة لعرض رسوم الويب ثلاثة الأبعاد هناك العديد من الشركات التي عملت على تطوير وتقديم هذه البرامج مثل :www.tartoos.com

0 شركة Viewpoint حققت بعض النجاحات في هذا المضمار

0 شركة NxView قدمت برامج مقبسية متوفرة على موقعها .

0 شركتا Micromedia و lntel أعلنت عن تطويرها لبرنامج Shockwave للتعامل مع الرسوم الثلاثية الأبعاد . يمكن ببساطة لمستخدمي هذا البرنامج الاستفادة من الميزات الجديدة للتعامل مع الرسوم لثلاثية الأبعاد بزيارة موقع الشركة وتحميل البرمجيات الجديدة .www.tartoos.com

 تقنية رسوم الويب ثلاثية الأبعاد تسمح بتضمين كل ما هو جميل وممتع , ونذكر هنا أن أحد التطبيقات الواعدة التي ستستفيد بكل كبير من هذه التقنية هي تقنية التجارة الإلكترونية E- Commerce فبدلاً من اختيار المنتج وفقاً لصورته الجامدة ثنائية الأبعاد سيتمكن الزبائن من رؤية المنتج من الزاوية التي يختارونها ما لو لأنهم موجودون حقيقة في المتاجر الخاصة لبيع هذا المنتج . بعض المواقع الأخرى تستخدم أيضاً الرسوم ثلاثية الأبعاد لخلق ما يسمى " غرف قياس الألبسة الافتراضية " حيث يستطيع المستخدم خلق جسم ثلاثي الأبعاد شبيه بجسمه ورؤية كيف سيبدو مظهره بتجربة مختلف أنواع وموديلات الألبسة المتوفرة .

كما أن تقنية الرسوم ثلاثية الأبعاد تدعم كثيراً المواقع التعليمية حيث تقدم هذه التقنية صورة أوضح لكيفية تطور الفكرة العلمية . فمثلاً يستطيع الطالب النظر إلى محرك السيارة من أي  زاوية يرغب بها تماماً كما لو أن المحرك موجود أمامه وبين يديه .www.tartoos.com

إنها حقا لتقنية رائعة وتعتبر ثورة في عالم الصور والرسوم ضمن الإنترنت , ومع زيادة أعداد مستخدمي الإنترنت و زيادة إمكانيات اتصالهم وتفاعلهم ضمن صفحات الويب في المستقبل القريب مثلاً .

0 جعل صفحة الويب تظهر كلعبة فيديوية وليس كصفحة من كتاب – فالتفاعل مع رسوم ثلاثية الأبعاد يعطي شعور أكثر بالحياة .

0  أو جعلها ذو طابع اقرب للعروض التلفزيونية بكل ما تتمتع به من دقة ونقاء في الصورة.www.tartoos.com

هذا كله يعتمد فعلاً على مصممي صفحات الويب وطرق إبداعهم ويعتمد على المستخدمين ورغباتهم .

على أية حال هناك الكثير من الدلالات على استمرار التطور والإبداع في عالم الإنترنت وبخطوات متسارعة . ويجب أن لا نقف مكتوفي الأيدي مشاهدين أمام هذه الأحداث المتسارعة و إنما علينا الانخراط والمشاركة بتقديم كل ما نستطيع أن نقدمه لهذا العالم الجديد  .www.tartoos.com