#creative-coding
タグ「creative-coding」に分類された、合計 59 件の記事を掲載しています。
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 とクリエイティブコーディングの世界へようこそ。芸術家 風呂瀬 信五 が、ジェネラティブアート、最新ニュース、学習リソース、技術解説をデイリーでお届けします。