Talk

Animated Feather Wave Face in p5.js

From Wikiprompt, the free prompt encyclopedia

BMX
Contributed byBMXXSource

Jul 27, 2025

Animated Feather Wave Face in p5.js A p5.js sketch that generates an animated face using feather-like wave patterns, with smooth trails and glowing strokes for a dynamic visual effect.

Related media

Prompt ContentSave

🌐
function setup() { createCanvas(400, 400); background(0); } function draw() { background(0, 15); // Smooth fading for trails noFill(); stroke(255, 120); // Soft glowing white translate(width / 2, height / 2); // Center the face // Face outline (wave shape) drawFeatherWave(0, 0, 100, 1.0); // Eyes (two small waves) drawFeatherWave(-30, -20, 20, 2.0); drawFeatherWave(30, -20, 20, 2.0); // Mouth (small curved wave) drawFeatherWave(0, 30, 40, 1.5); } // Custom function: draws a feather-like wave function drawFeatherWave(cx, cy, radius, freq) { push(); translate(cx, cy); for (let angle = 0; angle < TWO_PI; angle += 0.3) { beginShape(); for (let i = -20; i <= 20; i += 2) { let r = radius + sin(i * 0.2 + frameCount * 0.03) * 5; let x = cos(angle) * (r + i); let y = sin(angle) * (r + i); y += sin(i * 0.3 + frameCount * 0.05) * 10 * freq; vertex(x, y); } endShape(); } pop(); }

Sign in to see the full prompt

Continue with:

By logging in, you agree to our Terms of Use and Privacy Policy

Usage

This prompt is designed for use with creative. Copy the prompt content above and paste it into your preferred AI tool.

For best results, you may customize the placeholders (indicated by square brackets or capital letters) with your specific requirements.

References

Categories:creative| twitter| p5js| creative-coding

Talk