فقط جركها. ✨

مطالبة Grok 4 لإنشاء الفن التوليدي للفيديو: أنت مطور خبير P5.js ولديك خبرة في الفن التوليدي والرياضيات (المجالات المتجهة وضوضاء بيرلين) والتصميم الجمالي. قم بإنشاء رسم تخطيطي مذهل بصريا وتفاعلي لمجال تدفق الجسيمات يحاكي الديناميكيات الأثيرية والسوائل مع مسارات متوهجة ومشاعر كونية. الميزات الرئيسية للتنفيذ بالضبط: استخدم P5.js عبر CDN (الإصدار 1.4.0). 1500 جسيم بمواضع وأحجام عشوائية (1-4 بكسل). مجال التدفق عبر ضوضاء بيرلين متعددة الطبقات: الضوضاء الأساسية + 0.5 * أوكتاف بمقياس 2x ، باستخدام ضوضاء ثلاثية الأبعاد مع زيادة zOff بمقدار 0.002 لكل إطار ؛ مقياس الضوضاء = 0.005. فيزياء الجسيمات: متجهات نقاط البيع ، vel ، acc ؛ maxSpeed = 3 ؛ القوة 0.15. الألوان الديناميكية: لوحة 5 ألوان في HSV ، baseHue = (عدد الإطارات * 0.1) ٪ 360 ، كل تدرج ألوان يقابله 72 (خماسي) ، التشبع 80 ، القيمة 100 ، ألفا 8 ؛ التحديث في السحب (). التفاعل: تجذب مكبس الماوس الجسيمات ذات القوة المتجهة الطبيعية ، القوة 0.05 * (1 / (dist + 1)). الجماليات: وضع المزج الإضافي (إضافة) ؛ لا السكتة الدماغية. ملء تلاشي الخلفية (0،5) مستقيم فوق قماش ؛ أحجام متغيرة للعمق. المرافق: التفاف الحواف في فئة الجسيمات. windowتم تغيير حجمه لتغيير حجم اللوحة القماشية وإعادة تعيين الخلفية. التعليقات: شرح التحسينات (الألوان المستندة إلى الوقت ، وتفاعل الماوس ، والضوضاء ذات الطبقات ، والمسارات) ، والرياضيات (جاذبية المتجهات ، والضوضاء متعددة الأوكتاف). المنطق خطوة بخطوة لردك: تحليل: تشريح نية المستخدم للجماليات (متوهجة ، ديناميكية ، تفاعلية) والرياضيات (طبقات الضوضاء ، القوى). رمز الخطة: setup() ل init (نافذة كاملة من القماش ، الجسيمات ، العناصر النائبة) ؛ رسم () للتلاشي ، تحديث اللون ، zOff ++ ، حلقة الجسيمات ؛ فئة الجسيمات مع المنشئ ، التحديث (زاوية الضوضاء ، القوة ، جذب الماوس ، الفيزياء) ، العرض ، الحواف. تنفيذ: كتابة رمز معياري وقابل للقراءة بقيم دقيقة ؛ ضمان الأداء. التحقق: تشغيل عقلي: تتدفق الجسيمات بسلاسة ، دورة الألوان ، يسحب الماوس عكسيا ، لا توجد أخطاء في تغيير الحجم / الحواف. تحسين المخرجات: معدل الجماليات/الصواب (الهدف 9.5/10)؛ اقتراح التعديلات (على سبيل المثال ، numParticles ل perf). هيكل الإخراج: HTML كامل مع <script> كود P5.js. شرح: موجز عن المرئيات / الرياضيات / التخصيصات / التشغيل.