مراجعة Hype 2.5: تحديث "رسالة حب" Tumult لمستخدميها هو انتصار

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

جميع التخطيطات المرنة

كان لي أول غزوة في بناء موقع مع الرسم المتجاوب مرة أخرى في عام 2012. من هذه التجربة ، تعلمت الكثير عن القياس ، وعرض الجهاز ، وجميع أنواع قواعد CSS الممتعة التي تبدأ بـ "@" وتنتهي بالكثير من الضرب على لوحة المفاتيح في الساعة 2:00 صباحًا.

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

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

إذا كنت مطورًا لنظام التشغيل iOS ، فقد تتعرف على أسلوب تنفيذ التصميم المتجاوب من Hype ؛ في الواقع ، اعترف Tumult صراحةً بأخذ بطاقة من نموذج "Springs and Struts" الذي يعمل بنظام iOS عند بناء أدوات Hype سريعة الاستجابة. "ينشئ مستخدمونا جميع أنواع المحتويات المختلفة ، من الرسوم البيانية إلى كتب الأطفال ، لذلك أردنا قال مؤسس مشارك جوناثان دويتش: "نظام أثبت أنه يعمل بشكل جيد على مجموعة واسعة من الوثائق" مكوورلد في بريد إلكتروني. "من منظور واجهة المستخدم ، بدت فكرة التثبيت على الجانبين واضحة جدًا ، ومع منطقة المثال ، يمكن للمستخدمين أن يروا على الفور كيف سيتصرف العنصر."

تعتبر منطقة المثال المذكورة أعلاه لمسة ممتازة ، وهي نموذجية للعناية والاحترام التي يتمتع بها Tumult لمستخدمي Hype. لا يتوقع التطبيق أن تكون على دراية بالتصميم سريع الاستجابة أو "Springs and Struts" ؛ حتى إذا لم تكن قد تعاملت معها من قبل ، فإن منطقة المثال تساعدك بسرعة على بدء العمل بشكل سريع الاستجابة. الأدوات ليست مثالية لكل مهمة - في الرسوم المتحركة التجريبية التي أنشأتها ، على سبيل المثال ، واجهت صعوبة في الحصول على وضع مطلق عنصر لتوسيع نطاقه ولكن يبقى في نفس المكان الذي تم تغيير حجم النافذة فيه - ولكنه رائع بالنسبة لغالبية المستجيبين الأساسيين مشاريع.

ليس فقط للويب بعد الآن

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

يعالج Hype 2.5 هذه المشكلة بطريقة رئيسية ، حيث يقدم نظامين بديلين لعرض الرسوم المتحركة: الفيديو والرسوم المتحركة GIF. لا يزال HTML5 يركز بوضوح على البرنامج ، ولكن في توسيع خيارات التصدير ، فتحت Hype 2.5 نفسها أمام نوع جديد تمامًا من المستخدمين: الرسوم المتحركة الناشئة.

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

وإذا كان اهتمامك بالرسوم المتحركة على جانب GIF ، فلن تضطر إلى الذهاب إلى هذا الحد. كان أول اختبار لـ Hype 2.5 عبارة عن رسم متحرك مدته ثلاث ثوانٍ للنجوم المتلألئة: تم رسمه في غضون نصف ساعة ، وتم بناؤه وتصديره في غضون عشر دقائق.

أنت بحاجة إلى معرفة القليل حول الإطارات الرئيسية لتحريك في الضجيج ، ولكن Tumult لديه مجموعة من الدروس الرائعة لتبدأ بشكل صحيح.

Hype Reflect ، ملحق المحمول المثالي

تجعل خيارات المعاينة الفورية من Hype اختبار مشروع الويب الخاص بك أمرًا سهلاً ؛ انعكاس الضجيجالتطبيق المصاحب الذي قدمته الشركة في أواخر 2013، يفعل الشيء نفسه للمعاينة على أجهزة iOS. يستخدم التطبيق شبكة Wi-Fi الخاصة بك للاتصال بـ Hype على سطح المكتب حتى تتمكن من رؤية مشروعك على الفور بالأبعاد الصحيحة والتأكد من أنه يتدرج بشكل صحيح. يمكنك حتى تعديل مشروعك على جهاز Mac وإظهار هذه التغييرات في الوقت الفعلي باستخدام وضع المرآة ، أو (إذا كنت بناء شيء أكثر تقدمًا) استخدم وحدة تحكم جافا سكريبت للتطبيق لتصحيح أي نصوص برمجية أضفتها إلى مشروعك.

غالبًا ما تظل واجهة iOS 7 البسيطة من Hype Reflect بعيدة عن الطريق عندما تتفاعل مع مشروعك على الهاتف المحمول ، وهو ما أقدره ؛ بعد كل شيء ، يجب أن يكون تركيزه على المشروع أكثر من زركشة التطبيق المختلفة. حتى مع عدم وجود العديد من عناصر التحكم التي يمكن أن تثير ضجة ، يوفر التطبيق قدرًا مناسبًا من المرونة بين المعاينة ووضع المرآة وإرسال مشروعك إلى Safari للجوال.

القرص ، الديكورات ، ومعززات الكفاءة

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

هناك خيارات دوران جديدة ، بما في ذلك الدوران ثلاثي المحاور والمسارات الدائرية للعناصر ؛ يمكنك تعديل مدة كل مشهد انتقالي ، بدلاً من إجبارك على تطبيق وقت رئيسي لجميع المشاهد ؛ وهناك خيار متابعة زمني جديد يسمح لك بتشغيل المشهد بأكمله في الاتجاه المعاكس بعد تشغيله. بالنسبة إلى محترفي جافا سكريبت ، هناك حتى واجهات برمجة تطبيقات ترتبط بالاتجاه الزمني لـ Hype والوقت الحالي وحالة التشغيل ومدة المخطط الزمني ومدة انتقال المشهد. ويستطيع المستخدمون الفرنسيون والألمانيون واليابانيون والصينيون والإيطاليون والإسبان الآن استخدام التطبيق بلغتهم الأصلية ، حيث تمت ترجمة التطبيق بالكامل إلى تلك اللغات الست الإضافية.

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

الحد الأدنى

إذا كنت تتطلع إلى اللعب في عالم الرسوم المتحركة بتنسيق HTML5 وتصميم الويب سريع الاستجابة دون أن تكون خبيرًا في تحويلات CSS وحيل JavaScript ، فإن Hype هو البرنامج الذي يمكنك انتقاؤه. إذا كنت تستطيع التفكير في الأمر ، فمن المحتمل أن يقوم Hype ببنائه. وعلى الرغم من أنها قد تحتاج أحيانًا إلى بعض المساعدة المشفرة يدويًا عندما يتعلق الأمر بالمشاريع المتقدمة ، إلا أنها أداة رائعة لكل شيء آخر تقريبًا.

ملاحظة: عندما تشتري شيئًا بعد النقر على الروابط في مقالاتنا ، فقد نربح عمولة صغيرة. اقرأ سياسة الارتباط بالعمولة لمزيد من التفاصيل.
  • Aug 04, 2021
  • 38
  • 0
instagram story viewer