الرسوم المتحركة في جافا سكريبت، نقطة البداية

Question

أفهم كيفية تشغيل JS وأعتقد أنني أفهم معظم عناصر DOM ولكن ليس لدي أي فكرة عن الرسوم المتحركة.هل يعرف أحد هنا دليلاً جيدًا يمكنه أن يشرح لي كيف يتم ذلك في Javascript؟

بالإضافة إلى ذلك، هل يجب أن أفكر في Javascript للرسوم المتحركة؟هل يجب أن أتطلع بدلاً من ذلك إلى تعلم الفلاش؟

Answer 1

تجنب الفلاش، فهو مطلب فظيع، لا يمكن الزحف إليه بواسطة Google، وغير مدعوم من قبل مجموعة من المتصفحات والأنظمة (مثل iPhone) والأهم من ذلك:يفرض عليك إعادة اختراع معايير الويب (على سبيل المثال.أشرطة التمرير وما إلى ذلك)، من ناحية أخرى، يعد جافا سكريبت أسهل في الصيانة والترميز في حالة noscript.

يحاول نصي للرسوم المتحركة الخاصة بك.

• إليك برنامج تعليمي سريع ثلاثي الخطوط حتى تتمكن من رؤيته يعمل
• وهنا برنامج تعليمي أكثر اكتمالا
• وهنا ويكي النصي

لاحظ أن هناك عددًا كبيرًا من مكتبات الرسوم المتحركة لـ Gazillion JS، بعضها جيد حقًا مسج يتبادر إلى الذهن.عادةً ما تكون مجرد علامة برنامج نصي وحدث عند النقر للإعداد.

حظ سعيد!

/ النائب

Answer 2

إذا كان الرسم المتحرك الخاص بك بسيطًا، فقم بتغيير الألوان بمرور الوقت، وانتقل من x إلى y في 3 ثوانٍ.جافا سكريبت على ما يرام.إذا كنت تريد جميع أنواع أزرار wizbang والتدوير المنسق للشاشة، فسيكون استخدام js + dhtml أمرًا صعبًا في أحسن الأحوال.هل لديك أسئلة في Silverlight vs Flash في تلك المرحلة؟ومن المثير للاهتمام أنك تقوم ببرمجة Silverlight باستخدام جافا سكريبت، وستكون هذه هي الفائدة الرئيسية للترقية ببساطة إلى DOM أسرع وأكثر ديناميكية يتم تنفيذه في Silverlight مع الاستمرار في كتابة نفس الكود.إن قابلية برمجة الفلاش محدودة جدًا حسب تجربتي، ويمكنك فعل أي شيء، ولكنها ستكون بطيئة وتستغرق آلاف الأسطر من التعليمات البرمجية للوصول إلى هناك.للحصول على رسوم متحركة بسيطة لـ JS، انظر إلى jQuery أو Scriptaculous.

Answer 3

تحقق من إطار الرسوم المتحركة JS مثل إطار Bernard Sumption Animator.js.إنها خفيفة الوزن جدًا ولديها بعض الأمثلة الممتازة.

أنا شخصياً لن أقوم بتحريك الأشياء في JS.فلاش فتو.

Answer 4

إذا لم تكن مهتمًا بدعم IE، فيمكنك أيضًا تجربة عنصر اللوحة:

شبكة مطوري موزيلا الرسوم المتحركة الأساسية