シェーダートイ

シェーダートイ
原作者	イニゴ・キレス＆ポル・ジェレミアス
初回リリース	2013年2月14日 （2013年2月14日）
安定版リリース	リリース 0.8.3 / 2016年3月3日
書かれた	GLSL、JavaScript、PHP
タイプ	3Dコンピュータグラフィックスツールコミュニティ
Webサイト	www.shadertoy.com​​

Shadertoy は、 WebGLを通じてシェーダーを作成および共有するためのオンライン コミュニティおよびツールであり、 Web ブラウザーでの3D コンピューター グラフィックスの学習と教育の両方に使用されます。

概要

Shadertoyで距離フィールドを使用して作成された手続き型画像。モデリング、シェーディング、ライティング、レンダリングがリアルタイムで行われます。

Shadertoyは、コンピュータグラフィックスの専門家、学者^{[ 1 ]} 、そしてGLSLコードを通してレンダリング技術やプロシージャルアートを共有、学習、実験する愛好家のためのオンラインコミュニティおよびプラットフォームです。2021年半ばの時点で、数千人のユーザーから5万2千件以上の公開投稿があります。WebGL ^{[ 2 ]}により、 ShadertoyはGPUの計算能力にアクセスし、プロシージャルアート、アニメーション、モデル、ライティング、状態ベースロジック、サウンドを生成できます。

歴史

Shadertoy は、2013 年 1 月に Pol Jeremias と Inigo Quilez によって作成され、同年 2 月にオンラインになりました。

この取り組みの根源は、Inigo氏のコンピュータグラフィックス教育ウェブサイト[4]の「Shadertoy」セクション[3]にあります。2009年にMozillaのFirefoxに最初のWebGL実装が登場したことを受けて、Quilez氏は初のオンラインライブコーディング環境と、手続き型シェーダーのキュレーション^{リポジトリを作成しました}。このコンテンツはデモシーンの18人の作者から寄贈されたもので、レイマーチングメタボール、フラクタル、トンネル効果など、これまでWebでは見られなかった高度なリアルタイムインタラクティブアニメーションを披露しました。

Quilez と Pol は、長年にわたりいくつかのリアルタイム レンダリング プロジェクトで協力した後、2012 年 12 月に、デモシーン風のリソースとサイズに制限のあるリアルタイム グラフィック コンテンツを備えたオリジナルの Shadertoy ページの伝統を踏襲しつつ、ソーシャル機能とコミュニティ機能を追加し、オープン ソースの姿勢を取り入れた新しい Shadertoy サイトを作成することを決定しました。

このページには、ライブエディタ、リアルタイム再生、閲覧・検索機能、タグ付け・コメント機能が搭載されていました。コンテンツ面では、Shadertoyはユーザーがクリエイティブな方法で利用できるように、固定された限定的なテクスチャセットを提供していました。Shadertoyは長年にわたり、ウェブカメラとマイクの入力サポート、動画、音楽、バーチャルリアリティレンダリング、マルチパスレンダリングなどの追加機能を追加してきました。

数千人のユーザーから合計3万1千件以上の投稿があり、そのうちのいくつかは学術論文で引用されています。Shadertoyは毎年コンテストやイベントも開催しています。^{[ 5 ]}

特徴

• 編集: 構文が強調表示され、即座に視覚的なフィードバックが得られるエディター
• ソーシャル: シェーダートイへのコメント、投票（いいね）
• 共有: 永続的な URL、他の Web サイトへの埋め込み、プライベート シェーダーの共有
• レンダリング: 浮動小数点バッファベースのマルチパスと履歴
• メディア入力: マイク、ウェブカメラ、キーボード、マウス、VR HMD、サウンドクラウド、ビデオ、テクスチャ

言及

Shadertoy はいくつかのソースで参照されています:

• NVidia開発者ブログ、2016年6月、Shadertoyコンテスト2016発表。^{[ 6 ]}
• Siggraph Real-Time Live!、2015年、インタラクティブなサウンド視覚化プロジェクト。^{[ 7 ]}
• Hacker News、2014年、Shadertoyはブラウザ上で手続き型GPU生成音楽を追加します。^{[ 8 ]}
• 暗黙的に定義された曲面のレイトレーシングの数値解析法、^{[ 9 ]}
• ウィリアムズ大学のCS371コース、2014年、CS371のインスピレーション^{[ 10 ]}
• リアルタイムレンダリング、2015年8月、2015年8月20日の7つのこと。^{[ 11 ]}

参考文献

1. McGuire, Morgan. 「Midterm Inspiration」（PDF） . CS371: Computational Graphics [2014年秋] . 2020年11月15日時点のオリジナルよりアーカイブ（PDF） . 2024年6月29日閲覧。
2. 「Khronos、WebGL 1.0の最終仕様を発表」 Khronos Group 2011年3月3日2012年6月2日閲覧。
3. 「Shader Toy」 . www.iquilezles.org . 2019年6月30日時点のオリジナルよりアーカイブ。2016年8月7日閲覧。
4. 「イニゴ・キレス」。
5. 「Siggraph 2015 Shadertoy Competition」 . 2016年9月10日時点のオリジナルよりアーカイブ。2016年8月7日閲覧。
6. 「NVidia 開発者ブログ」 2016年. 2016年6月2日閲覧。
7. 「Shadertoy Competition at Siggraph 2015 . Real-Time Live!」オリジナルより2016年9月10日アーカイブ。 2015年8月13日閲覧。
8. 「Hacker News」 . ycombinator . 2020年8月31日閲覧。
9. 「暗黙的に定義された曲面のレイトレーシングのための数値的手法」（PDF）ウィリアムズ大学。2015年9月6日時点のオリジナル（PDF）からアーカイブ。 2014年9月25日閲覧。
10. 「CS 371」（PDF）ウィリアムズ大学。
11. 「リアルタイムレンダリング - 2015年8月20日の7つのこと」 realtimerendering.com、2015年。 2015年8月20日閲覧。

外部リンク

• 公式サイト