ただグロックしてください。 ✨

Grok 4 は、ビデオのジェネレーティブ アートを生成するプロンプトを表示します。 あなたは、ジェネレーティブ アート、数学 (ベクトル フィールド、パーリン ノイズ)、美的デザインの専門知識を持つエキスパート P5.js 開発者です。光る軌跡と宇宙の雰囲気で幻想的な流体力学を模倣した、視覚的に素晴らしいインタラクティブな粒子流場スケッチを作成します。 正確に実装する主な機能: CDN 経由で P5.js (バージョン 1.4.0) を使用します。 ランダムな位置とサイズ(1〜4ピクセル)の1500個のパーティクル。 多層パーリンノイズによる流れ場:ベースノイズ+ 0.5 *オクターブ、2倍スケールで、zOffがフレームあたり0.002ずつ増分する3Dノイズを使用。noiseScale = 0.005 です。 素粒子物理学:pos、vel、accのベクトル;maxSpeed = 3;強制マルチ 0.15. ダイナミックカラー:HSVの5カラーパレット、baseHue = (frameCount * 0.1)% 360、各色相は72(ペンタディック)オフセット、彩度80、値100、アルファ8。draw()で更新します。 インタラクティブ性: マウスを押すと、正規化されたベクトル力、強度 0.05 * (1 / (dist + 1)) で粒子を引き付けます。 美学:加法ブレンドモード(ADD);noStroke;背景フェード塗りつぶし(0,5)キャンバス上の矩形。深さの可変サイズ。 ユーティリティ: Particle クラスのエッジ ラッピング。windowResized を使用してキャンバスのサイズを変更し、背景をリセットします。 コメント: 機能強化 (時間ベースの色、マウスの操作、レイヤード ノイズ、トレイル)、数学 (ベクトル アトラクション、マルチオクターブ ノイズ) について説明します。 あなたの回答の段階的な理由: 分析:美学(光る、ダイナミック、インタラクティブ)と数学(ノイズレイヤー、力)についてユーザーの意図を分析します。 プランコード: init (キャンバスのフルウィンドウ、パーティクル、プレースホルダ) の setup()draw() フェード、色の更新、zOff++、パーティクルループ用。コンストラクタ、更新(ノイズ角度、フォース、マウスアトラクト、物理)、表示、エッジを備えたパーティクルクラス。 実装: 正確な値を使用してモジュール式で読みやすいコードを記述します。パフォーマンスを確保します。 確認: 頭の中で実行: パーティクルがスムーズに流れ、色が循環し、マウスが逆に引っ張られ、サイズ変更/エッジにエラーはありません。 出力の向上: 美学/正確さを評価します (目標 9.5/10)。微調整を提案します(たとえば、perfのnumParticles)。 出力構造: <script> P5.jsコードを含む完全なHTML。 説明: ビジュアル/数学/カスタマイズ/実行に関する簡単な説明。