algorithmic-art
使用 p5.js 創建生成式藝術
也可從以下取得: sickn33,davila7,ZhanlinCui,ArtemisAI,Cam10001110101,Azeem-2,anthropics
使用演算法技術將數學概念轉化為驚艷的視覺藝術。此技能提供引導式範本,用於創建具有種子隨機性和互動控制的可重現生成式藝術作品。
下載技能 ZIP
在 Claude 中上傳
前往 設定 → 功能 → 技能 → 上傳技能
開啟並開始使用
測試它
正在使用「algorithmic-art」。 Create a generative art piece called 'Cosmic Dust' with swirling particle patterns
預期結果:
- 內嵌 p5.js 草圖的 HTML 檔案
- 粒子數量、速度和顏色模式的側邊欄控制項
- 種子隨機性確保可重現的圖案
- PNG 和 SVG 匯出的下載按鈕
- 適應視窗大小的響應式畫布
正在使用「algorithmic-art」。 Generate a noise-based flow field that creates organic river-like patterns
預期結果:
- 映射到粒子角度的 Perlin 噪聲場計算
- 即時粒子軌跡渲染
- 噪聲比例和流動強度的側邊欄控制項
- 使用 requestAnimationFrame 的流暢動畫
- 高解析度匯出的儲存藝術作品功能
安全審計
安全This skill contains only documentation and templates for creating generative art with p5.js. No executable code, network calls, or file operations exist. Static findings are false positives from misidentified markdown syntax and metadata references.
風險因素
🌐 網路存取 (2)
📁 檔案系統存取 (1)
品質評分
你能建構什麼
創建獨特藝術作品
使用數學演算法和種子隨機性生成獨一無二的視覺作品,確保可重現性。
建構視覺化
創建具有可自訂參數的互動式資料視覺化和生成式藝術裝置。
原型圖案設計
快速原型化用於紡織品、壁紙或品牌材料的程序性圖案。
試試這些提示
Create a generative art piece using p5.js with flowing particle patterns. Include seeded randomness for reproducibility and a sidebar with speed and density controls.
Generate an HTML viewer with Perlin noise field visualization. Particles should follow the noise flow creating organic turbulence patterns. Add controls for noise scale and particle count.
Create algorithmic art based on Fibonacci sequences and golden ratios. Implement recursive geometric patterns with color gradients and complexity controls.
Build a complex particle system with attraction and repulsion forces, trail effects, and mouse interaction. Include multiple emission sources and physics parameter controls.
最佳實務
- 始終使用種子隨機函數(randomSeed、noiseSeed)以實現可重現的藝術作品
- 實現 windowResized() 以在不同螢幕尺寸上實現響應式畫布行為
- 使用 requestAnimationFrame 實現流暢的 60fps 動畫而不阻塞
避免
- 使用 Math.random() 而非種子隨機函數會破壞可重現性
- 創建沒有適當幀率控制的無限迴圈會導致瀏覽器當機
- 硬編碼畫布尺寸會阻礙在不同螢幕上的響應式行為