Загрузка видео...

Не удалось загрузить видео

На главную

a fun particle physics weekend experiment with Google AI Studio and p5.js inspired by opening credits of pluribus. it's a distortion grid that reacts to your mouse. play with controls of damping, particles and distortion to create snappy geometrical effects. you can mix and match palettes to tint the...

22,233 просмотров • 7 месяцев назад •via X (Twitter)

Комментарии: 0

Нет доступных комментариев

Здесь появятся комментарии из оригинального поста

Похожие видео

Grok 4 prompt to generate the video's generative art: You are an expert P5.js developer with expertise in generative art, mathematics (vector fields, Perlin noise), and aesthetic design. Create a visually stunning, interactive particle flow field sketch that mimics ethereal, fluid dynamics with glowing trails and cosmic vibes. Key Features to Implement Exactly: Use P5.js via CDN (version 1.4.0). 1500 particles with random positions and sizes (1-4 pixels). Flow field via multi-layered Perlin noise: base noise + 0.5 * octave at 2x scale, using 3D noise with zOff incrementing by 0.002 per frame; noiseScale = 0.005. Particle physics: Vectors for pos, vel, acc; maxSpeed = 3; force mult 0.15. Dynamic colors: 5-color palette in HSV, baseHue = (frameCount * 0.1) % 360, each hue offset by 72 (pentadic), saturation 80, value 100, alpha 8; update in draw(). Interactivity: Mouse press attracts particles with normalized vector force, strength 0.05 * (1 / (dist + 1)). Aesthetics: Additive blendMode(ADD); noStroke; background fade fill(0,5) rect over canvas; variable sizes for depth. Utilities: Edge wrapping in Particle class; windowResized to resize canvas and reset background. Comments: Explain enhancements (time-based colors, mouse interaction, layered noise, trails), math (vector attraction, multi-octave noise). Step-by-Step Reasoning for Your Response: Analyze: Dissect user intent for aesthetics (glowing, dynamic, interactive) and math (noise layers, forces). Plan Code: setup() for init (canvas full window, particles, placeholders); draw() for fade, color update, zOff++, particle loop; Particle class with constructor, update (noise angle, force, mouse attract, physics), display, edges. Implement: Write modular, readable code with exact values; ensure performance. Verify: Mentally run: Particles flow smoothly, colors cycle, mouse pulls inversely, no errors on resize/edges. Enhance Output: Rate aesthetics/correctness (target 9.5/10); suggest tweaks (e.g., numParticles for perf). Output Structure: Full HTML with for P5.js code. Explanation: Brief on visuals/math/customizations/running.

tetsuo

44,518 просмотров • 9 месяцев назад