algorithmic-art
p5.jsでアルゴリズムアートを生成する
こちらからも入手できます: davila7,anthropics,Doyajin174,ArtemisAI,Cam10001110101,Azeem-2
再現可能な結果のためにシード付きランダムネスを使用してp5.jsで独自のジェネラティブアートを作成します。パラメータコントロールとシードナビゲーションを通じてユーザーが探索できるインタラクティブなアートを構築します。
スキルZIPをダウンロード
Claudeでアップロード
設定 → 機能 → スキル → スキルをアップロードへ移動
オンにして利用開始
テストする
「algorithmic-art」を使用しています。 パーティクルを持つ有機的創発についてのアルゴリズムアートを作成
期待される結果:
ノイズ場に応答するフローするパーティクルと、パラメータ調整のためのコントロール、シードベースの再現性を備えたインタラクティブなHTMLアーティファクトを生成します。
「algorithmic-art」を使用しています。 再帰的パターンとシードナビゲーションを持つ幾何学アートを構築
期待される結果:
再帰的幾何学パターンを備えた自己完結型のHTML、パラメータ探索のためのサイドバーコントロール、シードバリエーション間を移動するボタンを出力します。
セキュリティ監査
安全All 42 static findings are false positives. The skill is a legitimate p5.js generative art tool. Network access is limited to CDN resources for p5.js library and Google Fonts required for the viewer. The static scanner confused markdown code formatting, regex operations, and template comments as security risks.
重大な問題 (2)
中リスクの問題 (2)
低リスクの問題 (2)
品質スコア
作れるもの
クリエイティブプロフェッショナル
再現可能なシードを使用して、プロジェクト、Webサイト、またはマーケティング資料用の独自のビジュアルアセットを生成します。
クリエイティブコーディングの学習
動作する例とパラメータ探索を通じてジェネラティブアートの原理を理解します。
インタラクティブアート作成
他のユーザーがパラメータ調整を通じて探索できる共有可能なインタラクティブアートを作成します。
これらのプロンプトを試す
p5.jsを使用してアルゴリズムアートを作成します。 再現性を確保するためにシード付きランダムネスを使用します。 パラメータコントロール付きのインタラクティブなHTMLアーティファクトを構築します。
p5.jsを使用してフロー場アルゴリズムアート作品を作成します。 ノイズ駆動ベクトル場に従うパーティクルシステムを含めます。 パーティクル数、ノイズスケール、速度のコントロールを追加します。
再帰的分割または円形パターンを使用して幾何学アルゴリズムアートを生成します。 ユーザーがバリエーションを探索できるようにシードナビゲーションを含めます。
シードナビゲーション（前/次/ランダム）、パラメータスライダー、カラーーピッカー、およびエクスポート機能を備えた完全なインタラクティブアルゴリズムアートビューアーを作成します。
ベストプラクティス
- 再現可能な結果のために常にシード付きランダムネス（randomSeed、noiseSeed）を使用
- アルゴリズム哲学から自然に現れるパラメータを設計
- 移植性のためにすべてのコードを単一のHTMLファイルにインラインで記述
回避
- 既存のアーティストの作品をコピーしないでください - 独自のアルゴリズム哲学を作成
- テンプレートをスキップしないでください - viewer.htmlを開始点として使用
- ランダムなカラー値を使用しないでください - 考えられた調和のとれたパレットを使用