مع Tumult’s الضجيج 1.0.3، يمكنك إنشاء رسوم متحركة تفاعلية بتنسيق HTML 5 دون كتابة سطر واحد من التعليمات البرمجية. من السهل جدًا استخدام ذلك حتى المبتدئين سيحصلون على نتائج رائعة المظهر بسرعة ، على الرغم من وجود مجال للتحسين. يمكن لأدوات التصميم المحدودة والواجهة غير المرنة أن تتداخل مع بناء المشاريع المعقدة.
صمم مشاهدك
تتكون مشاريع Hype من مشهد واحد أو أكثر ، والتي تعمل مثل الشرائح في عرض Keynote. يمكن أن تحتوي المشاهد على نصوص وصور ومقاطع فيديو وعناصر أخرى ، على الرغم من أن استيراد ملفات الصوت غير مدعوم حتى الآن. من السهل ترتيب العناصر وتخصيصها بدقة بفضل أدلة الأداة الإضافية وأوامر المحاذاة التلقائية. يتيح لك Hype’s Inspector ضبط الخصائص مثل الزاوية واللون والعتامة بينما ينبهك إلى حالات عدم التوافق المحتملة مع قائمة قابلة للتخصيص من المتصفحات أثناء عملك.
أدوات التصميم الشبيهة بـ iWork من Hype سهلة الاستخدام ، لكنها تفتقر إلى العديد من الميزات المألوفة. لا يمكن قفل العناصر في مكانها أو تجميعها ، والمربعات هي الأشكال المضمنة الوحيدة المتاحة للإضافة إلى المشاهد (على الرغم من إمكانية تعديلها لتشكيل قواعد أو دوائر). لا توجد قوائم سياقية ، ولا توجد أدوات لتحرير الصور أو إخفاءها ، ولا توجد طريقة لتكبير عرض مساحة العمل أو تصغيره ، مما يجعل من الصعب إنشاء مستندات كبيرة على أجهزة Mac ذات شاشات عرض صغيرة. هذه المشكلات ليست بالضرورة مخالفات للصفقات ، لكنها محذوفة للأسف في تطبيق مصقول بطريقة أخرى.
إضافة الحركة والتفاعلية
لتحريك عنصر ، يمكنك تحديد واحد أو أكثر من خصائصه (الموضع ، على سبيل المثال) ، ثم إضافة إطارات مفاتيح البدء والإيقاف إلى المخطط الزمني لـ Hype وإنشاء حالات مختلفة في كل نقطة. يقوم Hype بإنشاء الإطارات "in-between" من أجلك. تعمل ميزة التسجيل المفيدة على تبسيط العملية من خلال مراقبة الإجراءات الخاصة بك وإنشاء إطارات رئيسية تلقائيًا وتغيير الخصائص أثناء التنقل. يمكنك أيضًا إنشاء رسوم متحركة متعددة لإعطاء العناصر مظاهرًا مختلفة داخل مشهد متحرك ، مثل الصور التي تتوهج أو تتلاشى عند تمرير الماوس فوقها. الرسوم المتحركة وانتقالات المشهد (مع تأثيرات الإذابة أو الدفع الاختيارية) ، وحتى إجراءات JavaScript يمكن أن تحدث تلقائيًا ، أو استجابة لأحداث المستخدم مثل نقرات الماوس ، والماوس الزائد ، والمفتاح المطابع. يمكنك معاينة المشاريع في Hype أو المستعرض الخاص بك في أي وقت لترى بالضبط كيف ستظهر الرسوم المتحركة.
لضبط توقيت المشروع ، يمكن تغيير موضع الإطارات الرئيسية بحرية وإطالة أو تقصير الرسوم المتحركة بينها في المخطط الزمني. يتيح لك النقر المزدوج على الرسوم المتحركة هناك إدخال أوقات بدء الإطارات الرئيسية بالضبط ، وتعيين مدد الرسوم المتحركة ، واختيار ما إذا كانت الرسوم المتحركة سهلة الدخول أو الخروج أثناء تشغيلها. قد تكون إدارة العديد من الرسوم المتحركة في المخطط الزمني أمرًا صعبًا في المشاريع التي تحتوي على العديد من العناصر. تظهر خصائص العنصر في قائمة بجانب المخطط الزمني ، وتتطلب رؤية العديد منها معًا أن يكون لديك شاشة كبيرة — يجب عليك أو عليك تكبير جزء المخطط الزمني ، مما يؤدي إلى حجب مساحة عملك. يمكن سحب العناصر بالقرب من بعضها البعض في القائمة لتسهيل المقارنة ، ولكن القيام بذلك يؤثر أيضًا على ظهورها أعلى أو أسفل العناصر الأخرى في المشهد.
التصدير والمشاركة
عند الانتهاء من مشروعك ، يمكنك تصديره إلى مجلد Dropbox العام لمشاركته مع العالم ، أو إلى مجلد HTML 5 ومجلد الموارد. يمكن إضافة هذه إلى موقع موجود عن طريق تحديد بضعة أسطر من التعليمات البرمجية المحددة بوضوح من ملف HTML المُصدَّر ، ولصقها في مستند HTML موجود ، ثم تحميل الموارد. يتيح لك فحص التوافق الاختياري عند التصدير معرفة المتصفحات ، إن وجدت ، التي ستواجه مشكلات في تشغيل مشروعك النهائي.
ها هي موقع قمت بإنشائه باستخدام الضجيج، تم تصديرها إلى Dropbox.
نصائح الشراء من Macworld
على الرغم من إغفال الميزات والقيود ، فإن Hype 1.0.3 يجعل من السهل وحتى الممتع إنشاء رسوم متحركة على الويب HTML 5 أو مواقع كاملة. لكن المستخدمين الذين يبحثون عن أدوات تصميم قوية عليهم الانتظار ليروا ما تحمله التحديثات المستقبلية.
[آدم بيرينستين كاتب مستقل في شمال ولاية نيويورك.]