#generative-art
タグ「generative-art」に分類された、合計 57 件の記事を掲載しています。
音を拾い、回転を積む。「Sonidoverde」に見るマイク入力と極座標の造形
Camiloさんによる「Sonidoverde」のコードを解説。p5.soundのマイク入力とFFT解析を用いて音を幾何学模様に変換し、微細な回転の蓄積で有機的な変化を生む仕組みを初心者向けに紐解きます。
p5.js Addict をリニューアルしました。ジェネラティブアートを、コードから読むブログへ
p5.js Addict は、世界のクリエイターが公開したジェネラティブアート作品をひとつ選び、その場で動かしながらコードの仕組みを読み解くブログに生まれ変わりました。新しい記事の読み方と、作品を紹介するときの約束事をまとめます。
Shadertoyで触れるGLSL：SDFとレイマーチングで読み解く光の彫刻
Shadertoyの短いGLSLコードから立ち現れる光の彫刻。レイマーチングやSDF、ノイズの重なりを読み解き、定数を少し動かすことから始めるシェーダーアートの鑑賞と実験の視点を紹介します。
数KBに宇宙を編むデモシーン入門：極限の制約から学ぶコード表現と鑑賞術
数KBの制限下で映像と音をリアルタイム生成するデモシーンの美学と鑑賞法を解説。Pouëtなどのアーカイブ探索からShadertoyへの系譜、制作に活かす制約の思考法まで紐解きます。
消えゆくコードアートを遺す：実行環境の固定と「再演」の保存設計
ブラウザの変遷やライブラリ更新で動かなくなるジェネラティブアート。ソル・ルウィットの指示書や美術館の実践に学び、環境の固定から再演の設計、寿命の受け入れ方まで、作品の本質を未来へ遺すための思想と技術的アプローチを整理します。
WebGPUとコンピュートシェーダーで描く数百万粒子の自律シミュレーション
WebGPUのコンピュートシェーダーを活用し、数百万粒子の群れや人工生命をブラウザで動かす表現論と実装手法を整理。WebGLとの設計の違いやBoids等のアルゴリズム、Three.jsとWGSLによるスケッチの始め方を解説します。
Variable Fontsとコードで呼吸させる：実験的タイポグラフィの実践
Variable Fontsの可変軸をJavaScriptで制御し、生命感のあるキネティック・タイポグラフィを設計する手法を解説。DOM操作や入力との同期、先駆者たちの思想から、言葉の意味と造形の間を探る創作のヒントを届けます。
電子ペーパーとRaspberry Piで作る、部屋に静かに息づくジェネラティブアート
発光画面を離れ、環境光で像を結ぶ電子ペーパー。Raspberry PiとWeb技術を組み合わせ、毎時静かに像を切り替えるスロー・テクノロジーなジェネラティブアートの実践法を解説します。
ペンプロッターで紙に刻む計算の軌跡：SVGとvpypeで作る実体アート
画面を離れてコードを紙とインクの実体へ。ペンプロッターの基礎からPaper.jsでのSVG生成、vpypeによる線順最適化、展示手法まで、物理的な軌跡として作品を定着させるプロッターアートの実践を解説します。
AIと共創するクリエイティブコーディング：機械学習が拓く表現の新地平
AIの台頭がクリエイティブコーディングにもたらす変化を深掘り。機械学習との共創、WebAIの可能性、そして著作権やオリジナリティの課題まで、新たな芸術性の探求を考察します。
デジタルアートに時間を刻む：コードで描く移ろいと永続の表現
クリエイティブコーディングで時間を表現する奥深さを探求。移ろい、循環、断絶といった哲学的概念をアルゴリズムで描くアプローチや、リアルタイム生成、インタラクション、グリッチを用いた表現技法を紐解きます。
コードと偶然の対話：ジェネラティブアートが問う創造性の制御
ジェネラティブアートにおける偶然性と制御の対話は、表現の核心を問い直します。p5.jsから機械学習まで、コードが織りなす予測不能な美と、それをいかに意図へと昇華させるかを探求。創造的プロセスに新たな視点をもたらす、深遠な思索の旅へと誘います。
クリエイティブコーディングの新時代：WebGPUが拓く表現の深層
WebGPUがクリエイティブコーディングにもたらす変革を技術と哲学の両面から考察します。ブラウザ上で実現するグラフィック表現の新たな「質感」と「深度」が、デジタルアートと鑑賞体験をどう進化させるのかを探ります。
都市の記憶をコードで描く：デジタルツインが織りなすWebアート体験
デジタルツイン技術とクリエイティブコーディングを融合させ、都市に潜む物語やデータをアートへと昇華させる可能性を探求します。Webブラウザを舞台に、都市の新しい解釈やインタラクティブな表現が未来の創造的な都市体験をどう変えるのか、その詩的な側面を考察します。
情報がアートへと昇華する：クリエイティブコーディングで紐解くデータの詩学
膨大なデータから詩情を見出し、アートへと昇華させるデータアートの世界へ。p5.jsやTouchDesigner等のツールを用い、情報が持つ隠れた物語をクリエイティブコーディングで可視化する表現の地平を探求します。
AI共創時代のクリエイティブコーディング：人間の創造性の居場所
AI生成モデルの進化がクリエイティブコーディングにもたらす変化を考察します。AIとコードの対話から生まれる新たな共創の形、そして未来のアート表現における人間の創造性の居場所について、深く静かに探ります。
コードが息吹く自然の秩序：ジェネラティブアートで生命のパターンを創造
ジェネラティブアートを通じて、自然の秩序とアルゴリズムが織りなす生命の詩学を探求。p5.jsやThree.jsを用いた制作事例から、コードが創造する自然のパターンと、私たち自身の自然観を問い直す旅へ誘います。
Webアートは消えるのか？デジタル遺産を未来へ繋ぐアーカイビングの思想
Web上で生まれたアートは、ブラウザの進化と共に消えゆく運命にあるのか。デジタルの刹那と永続性という根源的な問いに向き合い、アーカイブや再構築、そしてクリエイターと鑑賞者が共に未来へアートを繋ぐための思想と実践を探求します。
コードで深める色彩表現：デジタルアートが拓く色の詩学
デジタルアートにおける色彩表現の奥深さを探求。コードが光の三原色を操り、HSBモデルからWebGPUシェーダーまで、多様な技術で色の詩学を紡ぎます。アルゴリズムが生成する動的な色彩は、鑑賞者の知覚と感情に深く作用し、創造の新たな地平を拓くでしょう。
コードを分かち合う表現：コミュニティが拓く創造のエコシステム
クリエイティブコーディングでコードを共有する意義を探求します。OpenProcessingやGitHubが育む共創のエコシステム、そしてコミュニティが未来のデジタルアートをどのように形作るのかを解説。表現が連鎖し、深まるプロセスを見つめます。
WebGPU時代のシェーダー入門：光と色が織りなすコードの詩学を探求
WebGPUはブラウザグラフィックスの新たな標準です。GLSL/WGSLシェーダーが織りなす無限の表現を、その哲学と共に探求します。GPUを操り、光と色の詩的な世界をコードで創造する次世代クリエイティブコーディングの深層へ。
コードを物質化：プロッタアートとデジタルファブリケーションが生む新しい表現
p5.jsなどのコードで生成されたデジタルアートを、プロッタアートやデジタルファブリケーションで物質化する手法を深掘り。アルゴリズムが物理的な形を得ることで生まれる新たな表現、鑑賞体験の変容、そして作品の永続性について考察します。
クリエイティブコーディング次の一歩：p5.jsから拓く表現の多様な道筋
p5.jsから次の表現領域へ踏み出すための羅針盤。3Dグラフィックス、高性能2D描画、シェーダー、WebGPU、ビジュアルプログラミングまで、新たな創作の道筋を提示します。
ブラウザが舞台：鑑賞者と創り上げるインタラクティブアート体験
Webブラウザで鑑賞者が作品を共創するインタラクティブアートの深層を探求。マウスや音声、身体の動きが作品を変容させる対話の詩学と、その制作プロセス、未来の可能性について考察します。
AIと創造的対話：生成モデルが誘うクリエイティブコーディングの進化
AI生成モデルとクリエイティブコーディングの融合を探求。p5.jsなどを通じた実践例、倫理的課題、そして未来の展望まで、AIを創造的なパートナーとする新たなアートの地平を考察します。
Webが織りなす生命の詩学：物理シミュレーションで描く動的生成アート
Webで生命の息吹を表現するリアルタイム物理シミュレーションとジェネラティブアートの深層を探求。Matter.jsやThree.js等のライブラリ活用法、インタラクティブな表現技術、そしてコードが織りなす動的な世界における偶然性と必然性の詩学を解説します。
環境センシングWebアート：ブラウザで知覚を拡張し物理空間と対話する表現
画面の中だけで完結する表現に物足りなさを感じるあなたへ。Web技術と環境センシングを組み合わせることで、物理空間の光、音、温度などを作品に取り込み、知覚を拡張するWebアートの可能性を探ります。
音と光が織りなす感覚の詩学：オーディオビジュアルアートの深層へ
音と視覚が深く結びつくオーディオビジュアルアートの魅力を探求。歴史的背景からWeb Audio APIやp5.jsを用いた制作、そして鑑賞体験の未来まで、感覚の越境を促すコードの詩学を紐解きます。
WebGPUが拓く創作の地平：計算シェーダーで描く新次元アートの可能性
WebGPUはWebGLの限界を超え、ブラウザでの高速レンダリングと計算シェーダーによるGPGPUを可能にします。現代GPUの力を解き放ち、より複雑で大規模なデジタルアート表現の地平を拓くWebGPUの革新、その詩学と学習ロードマップを深く探ります。
ライブコーディング入門：コードで紡ぐ即興アートとパフォーマンスの魅力
コードを楽器のように操り、リアルタイムで音や映像を紡ぎ出すライブコーディング。その文化、ツール、そして哲学を探求します。生成のプロセスを作品とするその本質、Algoraveなどのコミュニティ活動、そして創造の哲学までを深掘りします。
AIと創るWebアート：コードと知性の対話でひらく表現の新境地
AIを単なるツールでなく、創造的な対話相手と捉え、コードと知性が交差するWebアートの可能性を探求。WebベースのAIツール活用からプロンプトの詩学、倫理的考察まで、AI時代のクリエイティブコーディングを深掘りします。
WebAssemblyが解き放つWebアートの可能性：ブラウザで紡ぐ計算の詩学
WebAssemblyがWebアートの表現力を根底から拡張します。JavaScriptの限界を超え、高負荷な物理シミュレーションや画像処理を可能にし、p5.jsやThree.jsとの連携で、計算の詩学をブラウザ上で展開する未来を探ります。
アルゴリズムが描くWebアート：生成の哲学とクリエイティブコーディングの探求
ジェネラティブアートの定義からWebでの表現、そしてAI時代の創造性までを深掘り。アルゴリズムが紡ぐ無限の美と、コードでアートを生成する哲学を多角的に考察します。あなたの創作と鑑賞の視点を拡張する一助となるでしょう。
Webで紡ぐ音と光のシンフォニー：コードが描くオーディオビジュアルアートの深層
Webブラウザを舞台に、音と視覚が織りなすオーディオビジュアルアートの世界を探求します。Web Audio APIやp5.jsを使ったコードによる音と光の融合、ジェネラティブサウンド、リアルタイムな没入体験の創出について深く掘り下げます。鑑賞者を巻き込むインタラクションの哲学を考察し、新たな創作のヒントを提示します。
コードが息づく刹那：ライブコーディングが拓く表現の地平
コードをリアルタイムに紡ぎ、刹那の美を創造するライブコーディング。Webブラウザで手軽に始める方法、Hydraやp5.jsでの表現、そして偶発性を楽しむ創造の詩学を探求します。
画面から空間へ：デジタルアートの展示と鑑賞体験をデザインする思考
書いたコードが真に息づくのは、展示という場を経てからです。デジタル作品を閉じたPCから解き放ち、オンラインギャラリーやインスタレーションで鑑賞者と出会わせるための、展示デザインの思想を探求します。インタラクティブ性からアーカイブまで、作品が新たな意味を紡ぎ出すプロセスを考察します。
音のデータから生まれる視覚芸術：Web Audio APIとオーディオリアクティブアート
Web Audio APIを羅針盤に、音と視覚の境界を探求します。サウンドビジュアライゼーションとオーディオリアクティブアートを通じて、コードが紡ぎ出す詩的な表現と、ウェブブラウザが拓く新たな創造の地平について深く考察します。
PixiJSで実現するWeb 2Dの躍動：インタラクティブアートと高速描画
p5.jsのパフォーマンス限界を超え、WebGLの力を活用するPixiJS。シーングラフで高速描画を実現し、インタラクティブアートやゲーム開発に新たな可能性を開きます。創造性と技術の融合で、Web2D表現の未来を探求しましょう。
AIが創造する未知の風景：機械学習とジェネラティブアートの対話
AIとジェネラティブアートが織りなす創造の対話を深掘り。機械学習が変容させる制作プロセス、新たな鑑賞体験、そして倫理的な問いまで、技術とアートの境界線を思索します。
数値の詩学と倫理：データアートが語る情報の新たな地平
日常に溢れるデータから美や意味を見出すデータアートの奥深さに迫る。クリエイティブコーディングで生み出される動的な表現から、展示空間、倫理的側面までを解説します。
生命の息吹をコードで：物理シミュレーションが拓くジェネラティブアート
p5.jsで描く静的な図形から一歩進み、物理シミュレーションで生命のような有機的な動きをコードで創造する。BoidsやL-System、Matter.jsを活用し、デジタルアートにおける生成と変化の可能性、そして「生命とは何か」という根源的な問いを探求します。
コードが織りなす線の詩学：Paper.jsで拓くベクターアートの世界
ピクセルの制約を超え、Paper.jsで描くベクターグラフィックスの深遠な世界へ。コードが紡ぐ滑らかな線が、幾何学的な美と偶発性を織り交ぜた新たなアート表現を拓きます。
AI時代のアート制作：ジェネラティブアートと著作権、倫理を巡る思索
AIが生成するアートと、コードで紡ぐジェネラティブアート。創造性の境界線と作品の著作権、そして倫理を巡る深遠な問いを投げかけます。デジタルアートの未来と、人間とアルゴリズムの共生を探る思索の旅へ。
Three.jsとWebGL、Webブラウザで3Dアートを創る：平面を超えた表現の探求
p5.jsから広がる3D表現へ。Three.jsとWebGLがWebブラウザで没入感あるインタラクティブアートを創造する仕組みと、鑑賞体験の未来を詩的に探求します。
メディアアートフェスティバル探訪：コードが息づく世界の祭典と創造の未来
アルス・エレクトロニカやMUTEKなど国際的なメディアアートフェスティバルを巡り、技術とアートの最前線を探求。コードが身体性、データ、地域性とどう結びつくのか、創造のヒントを見つけ出す旅へ誘います。
WebGPUが拓く新境地：ブラウザで創造する無限の視覚詩
WebGPUは、ブラウザでのグラフィックス表現を革新します。本記事では、WebGPUがクリエイティブコーディングとジェネラティブアートにもたらすパフォーマンス向上、計算シェーダーの活用、そしてThree.jsやp5.jsといったフレームワークの未来について深く考察します。コードと感性が織りなす、無限の視覚表現の可能性を探ります。
ノイズ関数が描く自然の息吹：p5.jsパーリンノイズで生み出す有機的パターン
p5.jsの`noise()`関数が織りなす自然のゆらぎを探求。無機質なランダム性から脱却し、雲、地形、生命の息吹を感じさせる有機的パターンをコードで生成する哲学と実践を解説します。
コードの筆致が命を吹き込む：p5.jsで描くデジタルキャンバスの詩学
p5.jsでコードを絵筆のように扱い、生命感あふれる描画表現を探求します。プリミティブ、ベジェ曲線、createGraphicsによるレイヤー、ノイズ関数による質感、そしてインタラクティブな描画が織りなす、デジタルキャンバスの詩的な可能性を深く考察します。
知覚を揺さぶる色彩の詩学：p5.jsが描くコードと感性の対話
p5.jsで色彩が持つ奥深い意味や心理的効果をコードで表現するアプローチを探求します。HSBモデルや色彩理論、ブレンドモードを活用し、知覚と感情に働きかけるジェネラティブアートの創造方法を、技術と哲学の交差点から紐解きます。
p5.js WebGLモードで深める空間の詩学：光と影が織りなす存在の問い
p5.jsのWebGLモードで、3D空間における表現の深淵を探求します。形状、視点、光、時間、そしてアルゴリズムが織りなす空間の詩。光と影が紡ぐ存在の問いかけを、コードを通して静かに考察します。
p5.jsで探るフラクタルの深淵：再帰と数式が織りなす無限の美
p5.jsでフラクタルを生成し、その自己相似の美学を探求します。再帰関数で描くフラクタルツリーや、数式が織りなすマンデルブロ集合を通じて、コードが創造する無限のディテールと秩序とカオスの境界線を考察。あなたのキャンバスでフラクタルアートを咲かせましょう。
p5.jsでデータの詩を紡ぐ：複雑な情報をアートに昇華する視覚化の哲学
p5.jsで複雑な情報を詩的に視覚化する技術と哲学を探求します。単なるグラフを超え、データに潜む美と意味をアルゴリズムで表現。アート性と真実性のバランス、インタラクションの可能性を考察し、情報時代の新たな表現に迫ります。
p5.jsで動きに生命を吹き込む：物理シミュレーションと相互作用の詩
p5.jsで動的なアートを創る物理シミュレーションの基本を解説。p5.Vectorで力や速度を扱い、重力、風、群れのルールを実装して、動きの中に「生命らしさ」を見出す詩的なプロセスを探求します。
p5.jsとWebカメラ：光と動きが織りなす、鑑賞者と対話するアートの詩学
p5.jsでWebカメラを用い、鑑賞者の存在や動きを捉えるクリエイティブコーディングを探求。光やピクセルデータを解釈し、インタラクティブな表現を生み出す技術と、作品との深い対話の可能性について解説します。
p5.js noise関数が拓く「秩序あるカオス」：アルゴリズムによる生命の創出
p5.jsのnoise()関数は、random()とは異なる「秩序あるカオス」を生み出します。この記事では、パーリンノイズの原理と、それがジェネラティブアートにもたらす有機的な「ゆらぎ」を探求し、デジタルな生命感を描く実践的な方法と考え方を深掘りします。
p5.jsとGLSLシェーダーの共鳴：GPUで光を操る詩的入門
p5.jsでGLSLシェーダーを使い、GPUが描く「光の詩学」を探求。CPUからGPUへのパラダイムシフトを理解し、ピクセル単位で色彩と時間を操る基本を静かに紐解きます。