يمكنك استخدام JavaScript لإنشاء بعض تأثيرات البكسل المذهلة.
يمكنك استخدام JavaScript لإنشاء بعض تأثيرات البكسل المذهلة.
لقد نشرنا للتو دورة تدريبية ستعلمك كيفية استخدام JavaScript لإنشاء تأثيرات رائعة حقًا باستخدام الصور والنصوص. سوف تتعلم العديد من تأثيرات الجسيمات المختلفة باستخدام Vanilla JavaScript و HTML canvas.
تم تطوير هذه الدورة بواسطة فرانك دفوراك. يحب فرانك عرض تجاربه الإبداعية في الترميز على قناته الخاصة على YouTube ، والآن يشارك بعضًا من أروع تجاربه مع مجتمع freeCodeCamp.
ستتعلم في هذه الدورة كيفية جعل موقع الويب الخاص بك ينبض بالحياة من خلال الشعارات أو الرؤوس المتحركة التفاعلية. ستحصل أيضًا على فرصة لممارسة تقنيات تشفير JavaScript الأساسية باستخدام أمثلة ممتعة.
يبدأ البرنامج التعليمي بمشروع بسيط سهل الاستخدام للمبتدئين ، حيث ستتعلم كيفية تحليل صورة لبيانات البكسل واستخدامها لتغيير لون الصورة وتحويلها إلى تدرج رمادي.
ثم ستستخدم هذه المعرفة الأساسية بطريقة قوية لإنشاء العديد من الرسوم المتحركة المتقدمة المختلفة باستخدام Vanilla JavaScript و HTML canvas ، تمامًا من البداية.
تتميز الدورة بأربعة مشاريع مختلفة. فيما يلي أقسام الدورة:
المشروع 1: مقدمة في معالجة البكسل للمبتدئين
- كيفية إحضار الصورة إلى مشروع لوحة HTML
- كيفية تحليل الصورة لبيانات البكسل
- كيفية تحويل الصورة إلى تدرج الرمادي
المشروع 2: أمطار بكسل بالأبيض والأسود باستخدام بيانات الصورة
- نظام الجسيمات باستخدام فئات JavaScript
- قم بتوصيل حركة الجسيمات ببيانات البكسل
المشروع 3: تأثيرات تدفق البكسل
- تدرجات قماش HTML والمرشحات والتجارب الأخرى
المشروع 4: نص جسيم تفاعلي
- تكوين الجسيمات
- فيزياء الجسيمات وتفاعلات الفأرة
- كيفية تشكيل الجسيمات كأحرف
- تأثير الأبراج من الجسيمات. js مع الفانيليا جافا سكريبت
شاهد الدورة الكاملة أدناه أو على قناة يوتيوب freeCodeCamp.org (مشاهدة لمدة ساعتين).
يرجا عدم الشتم في التعليقات لانه سوف يتم الابلاغ على حسابك يرجى منك اخي القارء على ان تعلق بما هو مناسب لك ولاكن ضمن حدود الاخلاق