ノート

星雲スパイラル交響曲、インタラクティブp5.jsジェネラティブアート

フリーのプロンプト百科事典 Wikiprompt より

Emily
投稿者EmilyX出典

2025年8月8日

星雲スパイラル交響曲、インタラクティブp5.jsジェネラティブアート インタラクティブなp5.jsスケッチを生成するための包括的なJSONプロンプト。スパイラルパーティクルシステムとプロシージャルアンビエントオーディオを含み、パフォーマンス最適化とユーザーインタラクションも備えています。

プロンプト内容保存

🌐
{ "prompt_type": "generative_art_sketch", "title": "Nebular Spiral Symphony", "summary": "Create an interactive p5.js (v1.4.0) + p5.sound sketch that renders a luminous, spiral-wave star-field while generating a procedural ambient soundtrack. Visuals use polar-coordinate particle motion with Perlin-noise perturbation; audio layers include slowly evolving oscillators and cosmic wind noise. Mouse / touch toggles audio and briefly accelerates the swirl.", "libraries": { "p5": "https://t.co/mzM1LdOLYV", "p5_sound": "https://t.co/CXjbTYE3pY" }, "canvas": { "create": "createCanvas(windowWidth, windowHeight)", "pixelDensity": 2, "colorMode": "HSB,360,100,100,100", "blendCycle": [ { "mode": "BLEND", "fadeRect": { "fill": [0,0,0,4] } }, { "mode": "ADD", "draw": "particles" } ] }, "flow_field": { "type": "polar_spiral", "particles": { "count": { "desktop": 1000, "mobile": 600 }, "size": [2, 5], "physics": { "maxSpeed": 2.5, "forceMult": 0.12 }, "initialPosition": "random(radius<min(width,height)/2)", "motion": { "radiusIncrement": 0.15, "angleIncrement": 0.04, "noiseScale": 0.003, "octaves": 2, "zDrift": "zOff += 0.003 + sin(frameCount*0.0008)*0.001" } } }, "color": { "palette": "triadic", "baseHue": "(frameCount*0.07)%360", "scheme": "h, h+120, h+240", "saturation": 85, "value": 100, "alpha": 18 }, "audio": { "oscillators": [ { "wave": "sine", "note": "C4", "amp": 0.05, "pan": -0.3 }, { "wave": "triangle", "note": "E4", "amp": 0.05, "pan": 0.0 }, { "wave": "sine", "note": "G4", "amp": 0.05, "pan": 0.3 } ], "noiseBed": { "type": "pink", "amp": 0.03 }, "effects": { "reverb": { "time": 6, "decay": 5 } }, "pattern": "every 5 seconds randomly retune all oscillators within C-major triad ±1 octave, rampFrequency 2 s" }, "interactivity": { "mousePressed": { "toggle": "audioContext", "swirlBoost": { "factor": 2.0, "durationFrames": 120 } }, "touchStarted": "alias mousePressed" }, "utilities": { "edgeHandling": "wrapPolar (if radius>maxR reset radius=0)", "windowResized": "resizeCanvas & redistribute particle radius uniformly" }, "performance": { "flowCache": { "enabled": true, "grid": [48, 30] }, "adaptiveParticles": "use mobile count when pixelDensity()<2" }, "comments": [ "Triadic hue rotation yields harmonious colour cycling.", "Per-particle alpha 18 + additive blend ≈ soft bloom.", "Audio reverb + pink noise provide atmospheric depth.", "SwirlBoost gives users a momentary burst of energy.", "Flow cache keeps noise calls under ~35 k / frame." ] }

ログインして完全なプロンプトを表示

次で続行:

ログインすると、次に同意したことになります: 利用規約 と プライバシーポリシー

使い方

このプロンプトは creative 向けに設計されています。上の内容をコピーして、お好みの AI ツールに貼り付けてください。

最良の結果を得るには、プレースホルダー(角括弧や大文字で示された部分)を具体的な要件に置き換えてください。

参考資料

カテゴリ:creative| twitter| p5js| generative-art

ノート