#creative-coding
タグ「creative-coding」に分類された、合計 105 件の記事を掲載しています。
p5.js Addict をリニューアルしました。ジェネラティブアートを、コードから読むブログへ
p5.js Addict は、世界のクリエイターが公開したジェネラティブアート作品をひとつ選び、その場で動かしながらコードの仕組みを読み解くブログに生まれ変わりました。新しい記事の読み方と、作品を紹介するときの約束事をまとめます。
展示室の群れはどう動くか：Boidsとセル・オートマトンから探る自律の設計
ICCやYCAMなどの展示で群れや粒子が立ち上がらせる生命感。Boidsやセル・オートマトンを題材に、個体のルールや環境との相互作用、破綻の余白という鑑賞の視点から、わずかな個体差と慣性で生体感を吹き込む実装の要点までを考察します。
Shadertoyで触れるGLSL：SDFとレイマーチングで読み解く光の彫刻
Shadertoyの短いGLSLコードから立ち現れる光の彫刻。レイマーチングやSDF、ノイズの重なりを読み解き、定数を少し動かすことから始めるシェーダーアートの鑑賞と実験の視点を紹介します。
数KBに宇宙を編むデモシーン入門：極限の制約から学ぶコード表現と鑑賞術
数KBの制限下で映像と音をリアルタイム生成するデモシーンの美学と鑑賞法を解説。Pouëtなどのアーカイブ探索からShadertoyへの系譜、制作に活かす制約の思考法まで紐解きます。
消えゆくコードアートを遺す：実行環境の固定と「再演」の保存設計
ブラウザの変遷やライブラリ更新で動かなくなるジェネラティブアート。ソル・ルウィットの指示書や美術館の実践に学び、環境の固定から再演の設計、寿命の受け入れ方まで、作品の本質を未来へ遺すための思想と技術的アプローチを整理します。
WebGPUとコンピュートシェーダーで描く数百万粒子の自律シミュレーション
WebGPUのコンピュートシェーダーを活用し、数百万粒子の群れや人工生命をブラウザで動かす表現論と実装手法を整理。WebGLとの設計の違いやBoids等のアルゴリズム、Three.jsとWGSLによるスケッチの始め方を解説します。
Variable Fontsとコードで呼吸させる：実験的タイポグラフィの実践
Variable Fontsの可変軸をJavaScriptで制御し、生命感のあるキネティック・タイポグラフィを設計する手法を解説。DOM操作や入力との同期、先駆者たちの思想から、言葉の意味と造形の間を探る創作のヒントを届けます。
画面を越える：TouchDesignerとセンサーで挑む空間インスタレーション
ブラウザの枠を抜け出し、人の身体に応答する空間インスタレーションへ。LiDARや深度センサーの選定からTouchDesignerとのWebSocket連携、展示現場の摩擦と応答の設計までを具体的に解説します。
電子ペーパーとRaspberry Piで作る、部屋に静かに息づくジェネラティブアート
発光画面を離れ、環境光で像を結ぶ電子ペーパー。Raspberry PiとWeb技術を組み合わせ、毎時静かに像を切り替えるスロー・テクノロジーなジェネラティブアートの実践法を解説します。
Processing誕生25年：スケッチ思想の原点とp5.jsへの表現の系譜
2001年のProcessing誕生から四半世紀。コードを絵筆に見立てる「スケッチ」の思想と、p5.jsや現代のクリエイティブコーディングへ受け継がれるオープンソースの精神を振り返り、私たちが今コードで描く意味を紐解きます。
HydraとAlgorave入門：画面を楽器にするライブコーディングの鑑賞と実践
ブラウザで動く映像シンセサイザー「Hydra」を軸に、Algoraveやライブコーディングの構造と鑑賞のポイントを解説。エラーや即興性を楽しむ視点から最初の一行の書き方まで、演奏されるコードの魅力を紐解きます。
ペンプロッターで紙に刻む計算の軌跡：SVGとvpypeで作る実体アート
画面を離れてコードを紙とインクの実体へ。ペンプロッターの基礎からPaper.jsでのSVG生成、vpypeによる線順最適化、展示手法まで、物理的な軌跡として作品を定着させるプロッターアートの実践を解説します。
音と光が織りなすオーディオビジュアル表現：コードが紡ぐ知覚のシンフォニー
p5.jsを入口に、音と光が織りなすオーディオビジュアルアートの世界を探求。Web Audio APIやTone.js、Hydraなど多様なツールを駆使し、コードが紡ぐ知覚の共鳴と、リアルタイム生成が拓く没入型体験の可能性を深く考察します。
AIと共創するクリエイティブコーディング：機械学習が拓く表現の新地平
AIの台頭がクリエイティブコーディングにもたらす変化を深掘り。機械学習との共創、WebAIの可能性、そして著作権やオリジナリティの課題まで、新たな芸術性の探求を考察します。
コードが触れる物質感：デジタルテクスチャとアナログ表現の境界
コードが紡ぎ出すテクスチャは、デジタルにアナログの温もりを宿します。ノイズ関数やシェーダー、ペンプロッターを通じて、物質と非物質の境界が織りなす詩的な表現を探ります。
デジタルアートに時間を刻む：コードで描く移ろいと永続の表現
クリエイティブコーディングで時間を表現する奥深さを探求。移ろい、循環、断絶といった哲学的概念をアルゴリズムで描くアプローチや、リアルタイム生成、インタラクション、グリッチを用いた表現技法を紐解きます。
Webのキャンバスを絵画に：WebGL/WebGPUで探る非写実表現の詩学
WebGLやWebGPUで非写実的レンダリング（NPR）を探求。フォトリアリズムに縛られない、絵画的・手描きのような質感をコードで実現する技術と、その表現が与える美的体験、クリエイティブコーディングの可能性について考察します。
コードと偶然の対話：ジェネラティブアートが問う創造性の制御
ジェネラティブアートにおける偶然性と制御の対話は、表現の核心を問い直します。p5.jsから機械学習まで、コードが織りなす予測不能な美と、それをいかに意図へと昇華させるかを探求。創造的プロセスに新たな視点をもたらす、深遠な思索の旅へと誘います。
クリエイティブコーディングの新時代：WebGPUが拓く表現の深層
WebGPUがクリエイティブコーディングにもたらす変革を技術と哲学の両面から考察します。ブラウザ上で実現するグラフィック表現の新たな「質感」と「深度」が、デジタルアートと鑑賞体験をどう進化させるのかを探ります。
Web技術が拡張する現実空間：コードが誘うインタラクティブインスタレーションの詩学
p5.jsからWeb技術を広げ、現実空間に呼応するインタラクティブインスタレーションの詩学を探る。センサー技術やWebXR、鑑賞者の身体と意識が変容する体験まで、制作と鑑賞の視点から深く考察します。
都市の記憶をコードで描く：デジタルツインが織りなすWebアート体験
デジタルツイン技術とクリエイティブコーディングを融合させ、都市に潜む物語やデータをアートへと昇華させる可能性を探求します。Webブラウザを舞台に、都市の新しい解釈やインタラクティブな表現が未来の創造的な都市体験をどう変えるのか、その詩的な側面を考察します。
デジタルが息づく現実世界：コードと光が織りなす空間アートの探求
コードはブラウザの窓を越え、物理空間へ拡張される。インスタレーションやプロジェクションマッピングを通じて、デジタルアートが現実世界に介入し、新たな鑑賞体験を生み出す可能性と、その思想を深く探求します。
情報がアートへと昇華する：クリエイティブコーディングで紐解くデータの詩学
膨大なデータから詩情を見出し、アートへと昇華させるデータアートの世界へ。p5.jsやTouchDesigner等のツールを用い、情報が持つ隠れた物語をクリエイティブコーディングで可視化する表現の地平を探求します。
Webが織りなす新身体感覚：ブラウザで体感する没入型インタラクティブアートの現在地
WebXRとThree.jsを核に、ブラウザで実現する没入型インタラクティブアートの現在地を探求します。ディスプレイの境界を越え、身体感覚と直接結びつく作品事例やセンサー連携の可能性、そして未来のWebアートを「体感」する新たな創造の地平を考察します。
AI共創時代のクリエイティブコーディング：人間の創造性の居場所
AI生成モデルの進化がクリエイティブコーディングにもたらす変化を考察します。AIとコードの対話から生まれる新たな共創の形、そして未来のアート表現における人間の創造性の居場所について、深く静かに探ります。
コードが息吹く自然の秩序：ジェネラティブアートで生命のパターンを創造
ジェネラティブアートを通じて、自然の秩序とアルゴリズムが織りなす生命の詩学を探求。p5.jsやThree.jsを用いた制作事例から、コードが創造する自然のパターンと、私たち自身の自然観を問い直す旅へ誘います。
Webアートは消えるのか？デジタル遺産を未来へ繋ぐアーカイビングの思想
Web上で生まれたアートは、ブラウザの進化と共に消えゆく運命にあるのか。デジタルの刹那と永続性という根源的な問いに向き合い、アーカイブや再構築、そしてクリエイターと鑑賞者が共に未来へアートを繋ぐための思想と実践を探求します。
コードで深める色彩表現：デジタルアートが拓く色の詩学
デジタルアートにおける色彩表現の奥深さを探求。コードが光の三原色を操り、HSBモデルからWebGPUシェーダーまで、多様な技術で色の詩学を紡ぎます。アルゴリズムが生成する動的な色彩は、鑑賞者の知覚と感情に深く作用し、創造の新たな地平を拓くでしょう。
コードが織りなす現代アート：Web表現が変える鑑賞体験
Web技術が進化する現代アートで、オンラインとオフラインの境界を越え、表現が拡張される様を探ります。物理空間やデジタルネットワークで鑑賞者と対話するWebアートの潜在力と、それが提示する芸術的、哲学的な問いを近年の動向から考察します。
p5.jsで創る音と光：Webブラウザが舞台の多感覚アート
p5.jsとWeb Audio APIが拓く、音と光のシンフォニー。Webブラウザでのリアルタイム同期からライブコーディング、没入型インスタレーションまで、多感覚アートの可能性を深く掘り下げます。
コードを分かち合う表現：コミュニティが拓く創造のエコシステム
クリエイティブコーディングでコードを共有する意義を探求します。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アートの可能性を探ります。
WebXRで創造する拡張現実と仮想世界：コードが織りなす知覚体験の未来
WebXRで拡張される知覚と創造性。クリエイティブコーディングがWebARとWebVRで現実とデジタルを融合させ、没入型アートを創り出す方法、そしてA-FrameやThree.jsでの実践を探求します。
美術館が挑むデジタルアートの永続性：コードを未来へ繋ぐ保存と展示
デジタルアートの刹那性と永続性、その間に立つ美術館の挑戦を探ります。コードが紡ぐ表現を未来へ繋ぐため、エミュレーション、マイグレーション、再解釈といった多様な保存方法と、没入型展示、WebGPU、AI、NFTといった最新技術を巡る展示の未来を考察。創作者が今できることも提示します。
音と光が織りなす感覚の詩学：オーディオビジュアルアートの深層へ
音と視覚が深く結びつくオーディオビジュアルアートの魅力を探求。歴史的背景からWeb Audio APIやp5.jsを用いた制作、そして鑑賞体験の未来まで、感覚の越境を促すコードの詩学を紐解きます。
デジタルアートとサステナビリティ：未来へ紡ぐコードの倫理と創造
デジタルアート制作が環境に与える影響と作品の永続性について、クリエイティブコーディングの視点から探ります。コードに宿るエシカルな思考と、未来へ紡ぐ創造の価値を問い直します。
WebGPUが拓く創作の地平：計算シェーダーで描く新次元アートの可能性
WebGPUはWebGLの限界を超え、ブラウザでの高速レンダリングと計算シェーダーによるGPGPUを可能にします。現代GPUの力を解き放ち、より複雑で大規模なデジタルアート表現の地平を拓くWebGPUの革新、その詩学と学習ロードマップを深く探ります。
ライブコーディング入門：コードで紡ぐ即興アートとパフォーマンスの魅力
コードを楽器のように操り、リアルタイムで音や映像を紡ぎ出すライブコーディング。その文化、ツール、そして哲学を探求します。生成のプロセスを作品とするその本質、Algoraveなどのコミュニティ活動、そして創造の哲学までを深掘りします。
コードが空間に解き放つ光の魔法：プロジェクションマッピングとWeb技術の融合
p5.jsやWebGLで培った表現を物理空間へ解き放つ。プロジェクションマッピングとインスタレーションアートの世界を、Web技術との融合から探求します。具体的なワークフロー、ツール、そして創造的な事例を通じて、あなたのコードが空間と出会い、新たな詩を紡ぎ出す第一歩を記しましょう。
ブラウザ2D表現を深掘り：PixiJS, Paper.js, p5.jsの創造的選択
Webの2Dグラフィックス表現を探求するあなたへ。PixiJS, Paper.js, p5.jsの特性と哲学を比較し、あなたの創造的な意図に最も適したフレームワークを見つけるための考察を提供します。高速描画から精密なベクターアートまで、Webブラウザの可能性を広げましょう。
AIと創るWebアート：コードと知性の対話でひらく表現の新境地
AIを単なるツールでなく、創造的な対話相手と捉え、コードと知性が交差するWebアートの可能性を探求。WebベースのAIツール活用からプロンプトの詩学、倫理的考察まで、AI時代のクリエイティブコーディングを深掘りします。
Three.jsがひらくWeb3D表現：コードが紡ぐデジタル彫刻と仮想世界の創造
WebGLの複雑さをThree.jsがいかに抽象化し、Webブラウザ上での3D空間創造を可能にするかを探ります。シーン構築、マテリアル、インタラクションを通じて、コードが紡ぐデジタル彫刻と仮想世界の詩学を深掘りします。3D表現の新たな可能性を求めるクリエイター必読です。
コードが織りなすWeb3アート：分散型ウェブ時代の創造性とその哲学
Web3がクリエイティブコーディングにもたらす変化を深掘り。分散型ウェブがアートの制作、所有、共有の哲学をどう変えるのか、NFT、DAO、メタバースを具体例に考察します。未来のクリエイターエコシステムと倫理的問いを探求する一歩を。
WebAssemblyが解き放つWebアートの可能性：ブラウザで紡ぐ計算の詩学
WebAssemblyがWebアートの表現力を根底から拡張します。JavaScriptの限界を超え、高負荷な物理シミュレーションや画像処理を可能にし、p5.jsやThree.jsとの連携で、計算の詩学をブラウザ上で展開する未来を探ります。
WebXRが変える空間表現：ブラウザで広がる体験型アートの地平
WebXRがブラウザで実現するVR/ARアートの可能性を探ります。平面を超えた空間表現と没入体験の哲学、Three.jsやA-Frameでの制作実践、そして鑑賞のあり方を考察。未来のクリエイティブコーディングの地平を拓くWebXRの世界へようこそ。
Web標準の根源へ：Canvas APIとSVGが拓くクリエイティブコーディングの新境地
p5.jsやThree.jsなどのフレームワークの根底にあるCanvas APIとSVG。Web標準の描画原理を深く理解し、ピクセルとベクトルの詩情から、クリエイティブコーディングの新たな地平を拓くための探求を始めましょう。
アルゴリズムが描くWebアート：生成の哲学とクリエイティブコーディングの探求
ジェネラティブアートの定義からWebでの表現、そしてAI時代の創造性までを深掘り。アルゴリズムが紡ぐ無限の美と、コードでアートを生成する哲学を多角的に考察します。あなたの創作と鑑賞の視点を拡張する一助となるでしょう。
シェーダーが描くデジタル彫刻：WebGLとWebGPUで探る光と影の詩学
WebGLからWebGPUへ、シェーダープログラミングは光と影を操る「詩学」へと深化。コードで紡ぐデジタル彫刻の美学、その学習リソースと鑑賞の視点までを探求します。
Webで紡ぐ音と光のシンフォニー：コードが描くオーディオビジュアルアートの深層
Webブラウザを舞台に、音と視覚が織りなすオーディオビジュアルアートの世界を探求します。Web Audio APIやp5.jsを使ったコードによる音と光の融合、ジェネラティブサウンド、リアルタイムな没入体験の創出について深く掘り下げます。鑑賞者を巻き込むインタラクションの哲学を考察し、新たな創作のヒントを提示します。
Web作品がメディアアートを巡る旅：フェスティバルが紡ぐ創造の場
Web作品が現代メディアアートシーンで注目される理由とは。クリエイティブコーディング作品を世界中のフェスティバルで発表し、鑑賞者と繋がるための具体的な知見と、応募から展示、コミュニティ形成までの道のりを深く掘り下げます。
Webサイトを作品に：コードで築くデジタルギャラリーの哲学
Webサイトを単なる情報容器からアート表現の場、デジタルギャラリーへと昇華させる可能性を探求します。クリエイティブコーディングがWebにもたらす、鑑賞者との新しい対話の形を哲学的に考察します。
AIが編むWebアート：コードと知性が織りなす創造的対話の探求
生成AIとコードによるアルゴリズムアートの融合は、Webアートに新たな地平を切り開く。人間と機械の対話から生まれる創造性、リアルタイムなインタラクティブ性、そして共創の未来を、具体的な技術と哲学的な視点から探求する。
デジタルアートは時を超えられるか？Webが紡ぐ創造の継承論
Web上で息づくデジタルアートの刹那的な美しさを、いかに未来へ継承するか。技術的な課題、オープンソースの可能性、そして制作者ができる保存戦略を哲学的に探求します。
Webブラウザが拓く身体表現：センサーとデバイスで紡ぐインタラクティブアート
Webブラウザが今や物理世界への扉に。Web MIDI/USB/Serial/Bluetooth APIを駆使し、身体や環境の動きをデジタルの表現へと変換するインタラクティブアートの可能性を探ります。p5.jsとセンサーで、新たな知覚と身体経験をデザインする思考。
TouchDesignerとHydraが織りなすWeb表現：コードとノードの対話
TouchDesignerやHydraなどビジュアルプログラミングがWebと融合し、インタラクティブアートの新たな地平を拓く。コードとノード、二つの言語の対話から生まれる創造性拡張の未来を考察します。
ディスプレイを越えるWebXR：クリエイティブコーディングが拓く没入型空間アート
WebXRは、ブラウザでVR/AR体験を可能にする技術です。クリエイティブコーディングと融合し、ディスプレイの枠を超えた没入型空間アートの可能性を探求。A-FrameやThree.jsを使った制作の第一歩と、新たな表現のフロンティアを解説します。
コードが息づく刹那：ライブコーディングが拓く表現の地平
コードをリアルタイムに紡ぎ、刹那の美を創造するライブコーディング。Webブラウザで手軽に始める方法、Hydraやp5.jsでの表現、そして偶発性を楽しむ創造の詩学を探求します。
開かれた創造の扉：クリエイティブコーディングを支えるオープンソースの精神
p5.jsをはじめとするクリエイティブコーディングツール群を支えるオープンソースの精神に迫ります。コードの共有が育む共創の文化、コミュニティの役割、そしてあなた自身がその生態系に参加する意義を深く探求します。
WebGPUが解き放つ創造力：次世代グラフィックAPIと表現の未来
WebGPUは、WebGLの限界を超え、GPUの能力を最大限に引き出す次世代グラフィックAPIです。この記事では、コンピュートシェーダーがもたらす大規模シミュレーションやジェネラティブアートの可能性、そしてWebアートの新たな地平を拓くWebGPUの核心を探ります。
画面から空間へ：デジタルアートの展示と鑑賞体験をデザインする思考
書いたコードが真に息づくのは、展示という場を経てからです。デジタル作品を閉じたPCから解き放ち、オンラインギャラリーやインスタレーションで鑑賞者と出会わせるための、展示デザインの思想を探求します。インタラクティブ性からアーカイブまで、作品が新たな意味を紡ぎ出すプロセスを考察します。
WebブラウザでGLSLを操る：シェーダーアートと計算美学の探求
GLSLシェーダーアートの深遠な世界へ。Webブラウザで光と形を生成する技術の詩的な本質を探求。WebGL/WebGPUの進化からShaderToyコミュニティ、そして計算美学としての未来まで、瞑想的な創造の喜びを解説します。
音のデータから生まれる視覚芸術：Web Audio APIとオーディオリアクティブアート
Web Audio APIを羅針盤に、音と視覚の境界を探求します。サウンドビジュアライゼーションとオーディオリアクティブアートを通じて、コードが紡ぎ出す詩的な表現と、ウェブブラウザが拓く新たな創造の地平について深く考察します。
PixiJSで実現するWeb 2Dの躍動：インタラクティブアートと高速描画
p5.jsのパフォーマンス限界を超え、WebGLの力を活用するPixiJS。シーングラフで高速描画を実現し、インタラクティブアートやゲーム開発に新たな可能性を開きます。創造性と技術の融合で、Web2D表現の未来を探求しましょう。
AIが創造する未知の風景：機械学習とジェネラティブアートの対話
AIとジェネラティブアートが織りなす創造の対話を深掘り。機械学習が変容させる制作プロセス、新たな鑑賞体験、そして倫理的な問いまで、技術とアートの境界線を思索します。
数値の詩学と倫理：データアートが語る情報の新たな地平
日常に溢れるデータから美や意味を見出すデータアートの奥深さに迫る。クリエイティブコーディングで生み出される動的な表現から、展示空間、倫理的側面までを解説します。
Web 3D表現の核心：Three.jsが創造するインタラクティブな世界
WebGLの複雑さを抽象化し、Webにおける3D表現の地平を拓いたThree.js。その登場から、多様な作品事例、光と影のレンダリング、インタラクションが生む生命、そして活発なコミュニティと未来への展望まで、Three.jsが創造する豊かな世界を深掘りします。
ブラウザが誘う現実越境体験：WebXRが拓く没入型クリエイティブアート
WebXR技術でブラウザが没入型クリエイティブアートのゲートウェイに。現実と仮想が交差するAR/VR表現の可能性を探り、Three.jsを用いた創造プロセス、そして未来の展望を解説します。
コードが紡ぐ時間の彫刻：ジェネラティブアニメーションの創造と鑑賞
コードが自律的に動き続けるジェネラティブアニメーションの世界へ。予測不能な美を生む「時間の彫刻」の創造原理から、鑑賞者がプロセスと対話する能動的な作法まで、その詩的な可能性を深く考察します。
生命の息吹をコードで：物理シミュレーションが拓くジェネラティブアート
p5.jsで描く静的な図形から一歩進み、物理シミュレーションで生命のような有機的な動きをコードで創造する。BoidsやL-System、Matter.jsを活用し、デジタルアートにおける生成と変化の可能性、そして「生命とは何か」という根源的な問いを探求します。
WebGPUが拓く次世代の表現：ブラウザで深化するクリエイティブコーディングの可能性
WebGPUは、ブラウザでのクリエイティブコーディングに革命をもたらします。WebGLの限界を超え、コンピュートシェーダーによる高精細な物理シミュレーションやリアルタイムレンダリングを可能に。主要フレームワークの対応状況や、WebGPUが切り拓く表現の未来を考察します。
コードが織りなす線の詩学：Paper.jsで拓くベクターアートの世界
ピクセルの制約を超え、Paper.jsで描くベクターグラフィックスの深遠な世界へ。コードが紡ぐ滑らかな線が、幾何学的な美と偶発性を織り交ぜた新たなアート表現を拓きます。
コードが紡ぐ音と光の詩：Web Audioで視覚と聴覚を融合する
コードで音と視覚の境界を探るオーディオビジュアル表現への招待状。p5.jsとWeb Audio API、ライブコーディングを通じて、感覚の新たな地平を拓くクリエイティブコーディングの哲学と実践を紹介します。
都市に息吹を吹き込む：パブリックアートとプロジェクションマッピングの創造
クリエイティブコーディングがブラウザを超え、都市のパブリック空間を彩るアートへと昇華する可能性を探ります。プロジェクションマッピングやインタラクティブインスタレーションを通じ、光とコードが都市に新たな詩的な息吹を吹き込む創造の地平を解説。
ピクセルと時間の対話：画像・動画で創るクリエイティブコーディング
p5.jsやWebGL/WebGPUを用い、既存の画像・動画を素材にメディアを再構築するクリエイティブコーディングの「詩学」を探求します。ピクセル操作からリアルタイム映像処理、シェーダーまで、既成のイメージと対話し新たな物語を紡ぐ表現の可能性を深掘りします。
デジタルアートの未来へ：保存と展示が紡ぐ永続性の詩学
ブラウザやOSの変化に揺らぐデジタルアートの儚い命。その作品価値を未来へ繋ぐ「永続性」の概念を探求します。保存戦略、多様な展示形態、そしてキュレーションの役割を通して、デジタルアートがどのように記憶され、再構築されるべきか、その詩的な問いを深めます。
AI時代のアート制作：ジェネラティブアートと著作権、倫理を巡る思索
AIが生成するアートと、コードで紡ぐジェネラティブアート。創造性の境界線と作品の著作権、そして倫理を巡る深遠な問いを投げかけます。デジタルアートの未来と、人間とアルゴリズムの共生を探る思索の旅へ。
WebXRが拓く没入空間：ブラウザVR/ARで創造するデジタルアートの詩学
WebXRでブラウザ上に没入型アートを創造する可能性を探ります。VR/AR技術の概観からA-Frameでの空間構築、作品事例までを辿り、デジタル空間の新しい詩情をあなたの手で紡ぎ出す第一歩を支援します。
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 Webカメラアートと知覚の再構築
p5.jsのWebカメラ入力 `createCapture()` を用い、現実のピクセルデータをコードで解釈し、抽象的なアートへと変容させる技術を探求します。鑑賞者とのインタラクションが生み出す詩的な対話や、知覚の境界を問い直す哲学的意味合いまで深く掘り下げます。
音源を操り視覚を喚起する：p5.jsで探るサウンドアートの詩学
p5.jsとp5.soundライブラリで音の風景をコードで紡ぐ旅へ。発振器やFFTで音を生成・分析し、視覚表現と同期させる手法を解説。インタラクティブなサウンドアートの可能性を深く探ります。
ボイドアルゴリズムが描く群れの生命：p5.jsで探る創発のダイナミクス
p5.jsで自律エージェントの群れをシミュレート。個々の単純なルールから生まれる創発の美しさ、ボイドアルゴリズムによる生命感の表現を深掘りします。コードが生命を紡ぎ出す哲学的な問いかけに触れ、あなたの創造性を刺激するでしょう。
GLSLシェーダーで光を彫刻する：p5.jsが拓くピクセルアートの哲学
p5.jsとGLSLシェーダーを組み合わせ、GPUの力でピクセルを光の詩へと変える方法を探ります。基本的なコードからインタラクティブな表現、生成的なノイズの活用まで、シェーダーが拓く新たなアートの可能性と、視覚の哲学を深く考察します。
コードの筆致が命を吹き込む：p5.jsで描くデジタルキャンバスの詩学
p5.jsでコードを絵筆のように扱い、生命感あふれる描画表現を探求します。プリミティブ、ベジェ曲線、createGraphicsによるレイヤー、ノイズ関数による質感、そしてインタラクティブな描画が織りなす、デジタルキャンバスの詩的な可能性を深く考察します。
textToPointsが拓く文字の宇宙：p5.jsジェネラティブ・タイポグラフィ
p5.jsでコードが文字を紡ぎ、動き、変容するジェネラティブ・タイポグラフィの可能性を探ります。text()による基本描画から、textToPoints()で文字の形を解体し、アルゴリズムとインタラクションで生命を吹き込む手法を解説。未来の書体像を思索します。
知覚を揺さぶる色彩の詩学：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とml5.jsで拓く、機械学習アートの新たな知覚：アルゴリズムの眼差しが創造する世界
p5.jsとml5.jsの出会いは、コードに「知覚」を与え、創造の地平を広げます。機械学習がもたらすアルゴリズムの眼差しを通じて、あなたのスケッチが世界を解釈し、新たなアートを創造する可能性と、その哲学的意味、そして実践の第一歩を深掘りします。
p5.jsと音の共鳴：アルゴリズムが紡ぐ聴覚と視覚のジェネラティブアート
p5.jsとp5.sound.jsで音の世界を探求。聴覚情報を視覚化し、アルゴリズムで音を生成する手法を解説します。インタラクティブな音響表現が、鑑賞者との新たな対話を生み出すプロセスに迫ります。
p5.jsとWebカメラ：光と動きが織りなす、鑑賞者と対話するアートの詩学
p5.jsでWebカメラを用い、鑑賞者の存在や動きを捉えるクリエイティブコーディングを探求。光やピクセルデータを解釈し、インタラクティブな表現を生み出す技術と、作品との深い対話の可能性について解説します。
p5.js noise関数が拓く「秩序あるカオス」：アルゴリズムによる生命の創出
p5.jsのnoise()関数は、random()とは異なる「秩序あるカオス」を生み出します。この記事では、パーリンノイズの原理と、それがジェネラティブアートにもたらす有機的な「ゆらぎ」を探求し、デジタルな生命感を描く実践的な方法と考え方を深掘りします。
p5.jsとGLSLシェーダーの共鳴：GPUで光を操る詩的入門
p5.jsでGLSLシェーダーを使い、GPUが描く「光の詩学」を探求。CPUからGPUへのパラダイムシフトを理解し、ピクセル単位で色彩と時間を操る基本を静かに紐解きます。
ようこそ、p5.js Addictへ ─ アルゴリズムが描く無限のキャンバス
p5.js とクリエイティブコーディングの世界へようこそ。芸術家 風呂瀬 信五 が、ジェネラティブアート、最新ニュース、学習リソース、技術解説をデイリーでお届けします。