ترميز الفن: كيف نولد الرسومات والرسوم المتحركة في مشاريع التصميم

في JetBrains ، نحن نحب التجربة. لا تُنشر نتائج تجاربنا دائمًا على الدوام ، لكننا على استعداد لمشاركة شيء معك في الوقت الحالي.

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

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

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

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

تعد لغة Elm هي أبسط لغة ودية من عائلة ML مع كتابة ثابتة ، مما يجعل من الممكن كتابة تعليمات برمجية مضمونة ووصف هياكل الأنواع ذات التعقيد المتزايد. منذ إنشائها ، كانت Elm تستهدف رسومات الويب ، ومن بين الحزم المقدمة في الإصدارات الأولى من اللغة كانت جميلة elm-collage ، وبعد ذلك بوقت قصير ظهرت حزمة elm-webgl ، مما يوفر للمستخدم ليس فقط برنامج تغليف بسيط حول واجهة برمجة تطبيقات WebGL ، ولكن أيضًا التحكم على أنواع الزي الرسمي / السمات / المتغيرات في تظليل.

code2art.jetbrains.com - هنا يمكنك تشغيل المولد ، وبعد اكتشاف محرك التصميم ، انقل الإعدادات. يمكنك التفاف الإطار الذي تريده في .png أو تنزيل الرسوم المتحركة كصفحة HTML5 بالموارد اللازمة.

نحن لسنا مسؤولين عن وقتك الذي يقضيه دون توقف الضغط على زر "أشعر أنني محظوظ". إذا كنت تحب "الرحلات" المرئية ، فهذا مكان جيد للتعليق لفترة طويلة.

من بين أشياء أخرى ، سمحنا لأنفسنا مرة أخرى بتجربة واجهة بلغة وظيفية بحتة ، وكبديل لذلك ، نقدم لك واجهة la TRON: code2art.jetbrains.com/#tron
الصورة

سيصف مؤلفو المولد تفاصيل تقنية أعمق في تقرير في المؤتمر (في) في مينسك في 26 يناير.

يمكن العثور على الكود المصدري للمولد هنا: github.com/JetBrains/elmsfeuer .

فريق JetBrains الخاص بك
محرك لتطوير

Source: https://habr.com/ru/post/ar434796/


All Articles