アルゴリズミックアート

シード付きランダム性とインタラクティブなパラメータ探索を活用したp5.jsによるアルゴリズミックアートの制作

Home/Creative/アルゴリズミックアート

What is it?

p5.jsを使用してコンピュテーショナルジェネレーティブアートを作成するための強力なスキルです。実行するたびにユニークな作品を生み出す、生きたアルゴリズムを作成できます。このスキルはアルゴリズム哲学を重視し、コードを単なる技術ツールとしてではなく、美学的ムーブメントとして扱います。シードランダム性、ノイズフィールド、有機的システムを通じて、計算プロセス、創発的挙動、数学的美しさを活用したオリジナルのジェネレーティブアートを作成します。

How to use it?

作成プロセスは2つの主要フェーズで進みます:

  1. アルゴリズム哲学を作成する - 「有機的乱流」や「量子ハーモニクス」のようなジェネレーティブアートムーブメントのための4-6段落のマニフェストを作成します。この哲学は実装を導くコンピュテーショナル美学を定義します。

  2. コードで表現する - 再現性のためにシードランダム性を使用してp5.jsで哲学を実装します。このスキルはAnthropicブランディング、パラメータコントロール、シードナビゲーション、リアルタイム更新を備えたビューアーテンプレートを提供します。アーティストはシードを変更したり、パーティクル数、ノイズスケール、速度などのパラメータを調整して様々なバリエーションを探索できます。

成果物はclaude.aiまたは任意のブラウザで即座に動作する、自己完結型の単一HTMLファイルで、アルゴリズム、UIコントロール、ビジュアル出力を統合しています。

Key Features

  • アルゴリズム哲学の生成 - コーディング前にコンピュテーショナル美学ムーブメントを定義
  • シードランダム性(Art Blocksパターン) - 同一シードは常に同一の出力を生成
  • インタラクティブパラメータコントロール - アルゴリズムのパラメータ空間を探索するリアルタイムスライダー
  • シードナビゲーション - 前へ/次へ/ランダム/ジャンプボタンでバリエーションを閲覧
  • プロフェッショナルビューアーテンプレート - グラデーション背景とクリーンなコントロールを備えたAnthropicブランドUI
  • 単一ファイルアーティファクト - どこでも動作する自己完結型HTML、セットアップ不要
  • マスターレベルの職人技 - ギャラリー品質のコンピュテーショナルアート制作を重視
View on GitHub

GitHub Stats

Stars
Forks
Last Update
Author
Anthropic
License
Apache-2.0
Version
1.0.0

Features

⭐ Featured
💻 Code Execution

Related Skills

More from Creative