محاكاة تأثير "الغليان" المرسوم يدويًا باستخدام مرشحات SVG

2025-07-21
محاكاة تأثير

تشرح هذه المقالة طريقة لمحاكاة تأثير "الغليان"، وهو أسلوب مرئي شائع في الرسوم المتحركة المرسومة يدويًا، باستخدام مرشحات SVG. يخلق هذا التأثير وهم الحركة الدقيقة من خلال تطبيق تشوهات طفيفة على حواف الصورة. يشرح الكاتب كيفية استخدام مرشحات feTurbulence و feDisplacementMap لإنشاء نسيج ضوضاء وتطبيقه على صورة، وكيفية تحريك معلمات المرشح باستخدام JavaScript لإنشاء تأثير "الغليان". تسمح العروض التوضيحية التفاعلية للمستخدمين بتعديل المعلمات وملاحظة تغييرات التأثير. لقد نجح الكاتب في استخدام مرشحات SVG البسيطة و JavaScript لمحاكاة تأثير رسوم متحركة مرسومة يدويًا واقعي على الويب.

اقرأ المزيد
التطوير مرشحات

وداعًا ERB: إنشاء قوالب بريد إلكتروني بلغة Ruby نقية باستخدام Phlex

2025-03-03
وداعًا ERB: إنشاء قوالب بريد إلكتروني بلغة Ruby نقية باستخدام Phlex

هل سئمت من استخدام ERB لإنشاء قوالب البريد الإلكتروني في Rails؟ توضح هذه المقالة كيفية استخدام Phlex، وهي مكتبة Ruby، لكتابة قوالب بريد إلكتروني HTML بلغة Ruby نقية، مما يلغي المتاعب وعدم الكفاءة المرتبطة باستخدام ERB. يوضح الكاتب خطوات الانتقال من ERB إلى Phlex، بما في ذلك إنشاء عروض Phlex وتخطيطاتها، واستخدام roadie-rails لأنماط مُضمنة، لتحقيق الهدف الأنيق المتمثل في تطبيق Rails خالٍ من ERB. تتضمن المقالة أيضًا أمثلة كاملة للشيفرة وحالات اختبار لمساعدة القراء على البدء بسرعة.

اقرأ المزيد