#webgl
タグ「webgl」に分類された、合計 17 件の記事を掲載しています。
Shadertoyで触れるGLSL：SDFとレイマーチングで読み解く光の彫刻
Shadertoyの短いGLSLコードから立ち現れる光の彫刻。レイマーチングやSDF、ノイズの重なりを読み解き、定数を少し動かすことから始めるシェーダーアートの鑑賞と実験の視点を紹介します。
Webのキャンバスを絵画に：WebGL/WebGPUで探る非写実表現の詩学
WebGLやWebGPUで非写実的レンダリング（NPR）を探求。フォトリアリズムに縛られない、絵画的・手描きのような質感をコードで実現する技術と、その表現が与える美的体験、クリエイティブコーディングの可能性について考察します。
Web技術が拡張する現実空間：コードが誘うインタラクティブインスタレーションの詩学
p5.jsからWeb技術を広げ、現実空間に呼応するインタラクティブインスタレーションの詩学を探る。センサー技術やWebXR、鑑賞者の身体と意識が変容する体験まで、制作と鑑賞の視点から深く考察します。
コードで深める色彩表現：デジタルアートが拓く色の詩学
デジタルアートにおける色彩表現の奥深さを探求。コードが光の三原色を操り、HSBモデルからWebGPUシェーダーまで、多様な技術で色の詩学を紡ぎます。アルゴリズムが生成する動的な色彩は、鑑賞者の知覚と感情に深く作用し、創造の新たな地平を拓くでしょう。
クリエイティブコーディング次の一歩：p5.jsから拓く表現の多様な道筋
p5.jsから次の表現領域へ踏み出すための羅針盤。3Dグラフィックス、高性能2D描画、シェーダー、WebGPU、ビジュアルプログラミングまで、新たな創作の道筋を提示します。
WebGPUが拓く創作の地平：計算シェーダーで描く新次元アートの可能性
WebGPUはWebGLの限界を超え、ブラウザでの高速レンダリングと計算シェーダーによるGPGPUを可能にします。現代GPUの力を解き放ち、より複雑で大規模なデジタルアート表現の地平を拓くWebGPUの革新、その詩学と学習ロードマップを深く探ります。
ブラウザ2D表現を深掘り：PixiJS, Paper.js, p5.jsの創造的選択
Webの2Dグラフィックス表現を探求するあなたへ。PixiJS, Paper.js, p5.jsの特性と哲学を比較し、あなたの創造的な意図に最も適したフレームワークを見つけるための考察を提供します。高速描画から精密なベクターアートまで、Webブラウザの可能性を広げましょう。
Three.jsがひらくWeb3D表現：コードが紡ぐデジタル彫刻と仮想世界の創造
WebGLの複雑さをThree.jsがいかに抽象化し、Webブラウザ上での3D空間創造を可能にするかを探ります。シーン構築、マテリアル、インタラクションを通じて、コードが紡ぐデジタル彫刻と仮想世界の詩学を深掘りします。3D表現の新たな可能性を求めるクリエイター必読です。
シェーダーが描くデジタル彫刻：WebGLとWebGPUで探る光と影の詩学
WebGLからWebGPUへ、シェーダープログラミングは光と影を操る「詩学」へと深化。コードで紡ぐデジタル彫刻の美学、その学習リソースと鑑賞の視点までを探求します。
WebブラウザでGLSLを操る：シェーダーアートと計算美学の探求
GLSLシェーダーアートの深遠な世界へ。Webブラウザで光と形を生成する技術の詩的な本質を探求。WebGL/WebGPUの進化からShaderToyコミュニティ、そして計算美学としての未来まで、瞑想的な創造の喜びを解説します。
PixiJSで実現するWeb 2Dの躍動：インタラクティブアートと高速描画
p5.jsのパフォーマンス限界を超え、WebGLの力を活用するPixiJS。シーングラフで高速描画を実現し、インタラクティブアートやゲーム開発に新たな可能性を開きます。創造性と技術の融合で、Web2D表現の未来を探求しましょう。
Web 3D表現の核心：Three.jsが創造するインタラクティブな世界
WebGLの複雑さを抽象化し、Webにおける3D表現の地平を拓いたThree.js。その登場から、多様な作品事例、光と影のレンダリング、インタラクションが生む生命、そして活発なコミュニティと未来への展望まで、Three.jsが創造する豊かな世界を深掘りします。
WebGPUが拓く次世代の表現：ブラウザで深化するクリエイティブコーディングの可能性
WebGPUは、ブラウザでのクリエイティブコーディングに革命をもたらします。WebGLの限界を超え、コンピュートシェーダーによる高精細な物理シミュレーションやリアルタイムレンダリングを可能に。主要フレームワークの対応状況や、WebGPUが切り拓く表現の未来を考察します。
ピクセルと時間の対話：画像・動画で創るクリエイティブコーディング
p5.jsやWebGL/WebGPUを用い、既存の画像・動画を素材にメディアを再構築するクリエイティブコーディングの「詩学」を探求します。ピクセル操作からリアルタイム映像処理、シェーダーまで、既成のイメージと対話し新たな物語を紡ぐ表現の可能性を深掘りします。
Three.jsとWebGL、Webブラウザで3Dアートを創る：平面を超えた表現の探求
p5.jsから広がる3D表現へ。Three.jsとWebGLがWebブラウザで没入感あるインタラクティブアートを創造する仕組みと、鑑賞体験の未来を詩的に探求します。
WebGPUが拓く新境地：ブラウザで創造する無限の視覚詩
WebGPUは、ブラウザでのグラフィックス表現を革新します。本記事では、WebGPUがクリエイティブコーディングとジェネラティブアートにもたらすパフォーマンス向上、計算シェーダーの活用、そしてThree.jsやp5.jsといったフレームワークの未来について深く考察します。コードと感性が織りなす、無限の視覚表現の可能性を探ります。
p5.js WebGLモードで深める空間の詩学：光と影が織りなす存在の問い
p5.jsのWebGLモードで、3D空間における表現の深淵を探求します。形状、視点、光、時間、そしてアルゴリズムが織りなす空間の詩。光と影が紡ぐ存在の問いかけを、コードを通して静かに考察します。