Apenas grok ele. ✨

Grok 4 para gerar a arte generativa do vídeo: Você é um especialista P5.js desenvolvedor com experiência em arte generativa, matemática (campos vetoriais, ruído Perlin) e design estético. Crie um esboço de campo de fluxo de partículas interativo e visualmente impressionante que imita a dinâmica etérea e fluida com trilhas brilhantes e vibrações cósmicas. Principais recursos para implementar exatamente: Use P5.js via CDN (versão 1.4.0). 1500 partículas com posições e tamanhos aleatórios (1-4 pixels). Campo de fluxo via ruído Perlin multicamadas: ruído base + 0,5 * oitava na escala 2x, usando ruído 3D com zOff incrementando em 0,002 por quadro; noiseScale = 0,005. Física de partículas: Vetores para pos, vel, acc; maxSpeed = 3; força mult 0,15. Cores dinâmicas: paleta de 5 cores em HSV, baseHue = (frameCount * 0,1) % 360, cada matiz deslocado por 72 (pentádico), saturação 80, valor 100, alfa 8; update em draw(). Interatividade: A prensa do mouse atrai partículas com força vetorial normalizada, força 0,05 * (1 / (dist + 1)). Estética: BlendMode aditivo (ADD); noStroke; preenchimento de desvanecimento de fundo (0,5) rect sobre a tela; tamanhos variáveis para profundidade. Utilitários: Encapsulamento de arestas na classe Partícula; windowResized para redimensionar a tela e redefinir o plano de fundo. Comentários: Explique os aprimoramentos (cores baseadas no tempo, interação do mouse, ruído em camadas, trilhas), matemática (atração vetorial, ruído de várias oitavas). Raciocínio passo a passo para sua resposta: Analisar: Dissecar a intenção do usuário para estética (brilhante, dinâmica, interativa) e matemática (camadas de ruído, forças). Código do plano: setup() para init (janela completa da tela, partículas, espaços reservados); draw() para desvanecimento, atualização de cor, zOff++, loop de partículas; Classe de partícula com construtor, atualização (ângulo de ruído, força, atração do mouse, física), exibição, bordas. Implementar: Escreva código modular e legível com valores exatos; garantir o desempenho. Verificar: Executar mentalmente: as partículas fluem suavemente, as cores circulam, o mouse puxa inversamente, sem erros no redimensionamento/bordas. Melhorar a saída: Avaliar estética/correção (meta 9,5/10); sugira ajustes (por exemplo, numParticles para perf). Estrutura de saída: HTML completo com <script> código para P5.js. Explicação: Resumo sobre visuais/matemática/personalizações/execução.