"إذا أراد العامل أن يؤدي عمله بشكل جيد، فعليه أولاً أن يشحذ أدواته." - كونفوشيوس، "مختارات كونفوشيوس. لو لينجونج"
الصفحة الأمامية > برمجة > \"Insect Particlizer\" تجربة دمج معالجة البكسل مع CSS.

\"Insect Particlizer\" تجربة دمج معالجة البكسل مع CSS.

تم النشر بتاريخ 2024-11-12
تصفح:595

Canvas.. يا له من اسم جميل لا يعبر عن مدى حبي لواجهة برمجة التطبيقات هذه، على الرغم من أنها كانت فظيعة بالنسبة لي في البداية، ولكن بعد بعض التجارب والخطأ، فهمت ذلك، حتى أنني حاولت إنشاء أشياء غير مألوفة بها التي تعطلت IDE الخاص بي عدة مرات. هذه التجربة هنا هي مجرد واحدة من عدد لا يحصى من التجارب التي أقوم بها كثيرًا في رحلتي للواجهة الأمامية، هنا استخدمت Canvas API للحصول على بيانات صورة الحشرة، ثم تعاملت مع هذه البيانات في خاصية CSS واحدة (نعم واحدة !) لإنتاج تأثير الجسيمات.

\

السؤال هنا هو، كيف يمكن أن يكون هذا ممكنًا.. كيف يمكن لخاصية CSS واحدة التعامل مع بيانات الصورة (مصفوفة مكونة من 100000 مصفوفة راجع للشغل)؟

  • أنا حقًا أشجعك أيها القارئ على مناقشة الأمر معي في التعليقات، وحتى محاولة طرح بعض الأفكار، ربما يمكنك التوصل إلى إجابة أفضل من إجابة ردي.
بيان الافراج تم إعادة نشر هذه المقالة على: https://dev.to/alishata128/insect-particlizer-an-experiment-of-combining-pixel-manipulation-with-css-1m49?1 إذا كان هناك أي انتهاك، يرجى الاتصال بـ Study_golang@163 .com لحذفه
أحدث البرنامج التعليمي أكثر>

تنصل: جميع الموارد المقدمة هي جزئيًا من الإنترنت. إذا كان هناك أي انتهاك لحقوق الطبع والنشر الخاصة بك أو الحقوق والمصالح الأخرى، فيرجى توضيح الأسباب التفصيلية وتقديم دليل على حقوق الطبع والنشر أو الحقوق والمصالح ثم إرسالها إلى البريد الإلكتروني: [email protected]. سوف نتعامل مع الأمر لك في أقرب وقت ممكن.

Copyright© 2022 湘ICP备2022001581号-3