アニメーションするフェザーウェーブフェイス in p5.js
フリーのプロンプト百科事典 Wikiprompt より
アニメーションするフェザーウェーブフェイス in p5.js . ザーのような波模様でアニメーションする顔を生成するp5.jsスケッチ。滑らかな軌跡と輝くストロークで、ダイナミックな視覚効果を生み出します。
関連メディア
プロンプト内容保存
🌐
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();
}
ログインして完全なプロンプトを表示
次で続行:
ログインすると、次に同意したことになります： 利用規約 と プライバシーポリシー
使い方
このプロンプトは creative 向けに設計されています。上の内容をコピーして、お好みの AI ツールに貼り付けてください。
最良の結果を得るには、プレースホルダー（角括弧や大文字で示された部分）を具体的な要件に置き換えてください。
ノート
0 件のコメント