algorithmic-art
p5.jsで生成的アートを作成
也可從以下取得: davila7,anthropics,ArtemisAI,Cam10001110101,Azeem-2
アルゴリズム技術を使用して、数学的概念を見事なビジュアルアートに変換します。このスキルは、シード付きランダム性とインタラクティブなコントロールを備えた、再現可能な生成的アートワークを作成するためのガイド付きテンプレートを提供します。
下載技能 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
預期結果:
- パーティクルの角度にマッピングされたパーリンノイズフィールド計算
- リアルタイムパーティクルトレイルレンダリング
- ノイズスケールとフロー強度用のサイドバーコントロール
- 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()を実装する
- ブロッキングなしでスムーズな60fpsアニメーションのためにrequestAnimationFrameを使用する
避免
- シード付きランダム関数の代わりにMath.random()を使用すると再現性が損なわれる
- 適切なフレームレート制御なしで無限ループを作成するとブラウザがハングする
- キャンバスサイズをハードコーディングすると異なる画面でのレスポンシブ動作が妨げられる