時系列記事一覧
当サイトのコンテンツを時系列に並べた一覧です。
すべての記事の一覧をご覧いただけます。
記事の内容はすべて執筆時当時のものです。内容によっては閲覧時に既に古い情報になっている可能性もありますのでご了承ください。
時系列の記事一覧
2025 年 02 月
- とんでもないバリエーションのカスタマイズが可能な Lacoste のウェブサイトがおもしろい
- 不思議な世界観がそのままウェブに具現化したような個性たっぷりな Dima Soho さんのポートフォリオ
- ウェブ上で品質の高いアニメーションを実装するためのウェブ教材 VWLAB のショーケースサイト
- 迫力満点のキービジュアルが圧倒的存在感を放つ Lumos のウェブサイトがおもしろい
- 見事な感性とビジュアルで写真をウェブへと落とし込んだ Takamitsu Motoyoshi さんのポートフォリオサイト
- とある学校のハッカソンで作られた架空のアイテムを扱うウェブサイト Aventuria がおもしろい
- アメリカの株式マーケットを 2D や 3D で整然と可視化して観察できる Market Map がおもしろい
- 個性的なポストエフェクトとダイナミックなアニメーションがかっこいい Marius Remy さんのポートフォリオ
- 質感高く描かれる個性的な 3D オブジェクトたちが動き回る Buyckveth のウェブサイトがおもしろい
- さまざまなトラブルを解決していくミニゲーム風コンテンツがおもしろい UNIVISION の FIX-IT
2025 年 01 月
- まるで線画のイラストのような質感を持った多彩な 3D シーンがおもしろい Accueil のウェブサイト
- シンプルな 3D モデルだけで多彩な表現・演出を大胆に構築した Maxime Veilleux さんのポートフォリオ
- 半透明のオブジェクトを上手に破綻なくコンテンツに盛り込んだ Sperotto のウェブサイトがおもしろい
- うつくしいボケを表現した高品質なビジュアルがかっこいい 3D Web Lab のウェブサイト
- マインクラフトのような世界観を見事に再現した Andrew Woan さんのポートフォリオサイト
- ゆるくじわっと発生するディストーションエフェクトが心地よい Rodolfo Sarno さんのポートフォリオサイト
- イントロのためだけに作られた手の込んだ 3D シーンがおもしろい Northprim のウェブサイト
- 大量の 3D シーンをストーリー仕立てで見事に構成した株式会社操電のウェブサイト
- どこをどう見てもあまりにやり過ぎ案件すぎて言葉を失う Immersive Garden のウェブサイトがヤバい
- オリジナルの短編映画と WebGL のインタラクティブなシーンを組み合わせた La Dernière Danse がすごい
- もはや毎年の恒例行事! unshift Inc. の年賀コンテンツがビカビカのバキバキでおもしろい
- ランダムとブロック状のディストーションが絶妙に組み合わされた Mees Verberne さんのポートフォリオ
- 個性的なマウスカーソルに対するインタラクションがおもしろい Nael Messaoudene さんのポートフォリオサイト
- 紙の本の質感をウェブ上に再現しつつコンテンツにもその文脈を落とし込んだ npu のウェブサイト
- アーティスティックにスプレーを走らせたような疾走感が心地よい株式会社RERISE のウェブサイト
- 透明感のある水滴・波紋のような表現が美しく輝く BOTANIST のウェブサイトがお見事
- テンポよく軽快に動作する優しく自然な 3D 表現が素晴らしい 45R のスペシャルサイト デニムかるた
- サイト全体に 3D 表現を盛り込みつつ情報も見やすく整理された株式会社Serverless Operations のウェブサイト
- 個性的なパーティクルを用いたシームレスな 3D シーンが素晴らしい質感を生み出す alt Inc. のウェブサイト
2024 年 12 月
- 質の高い 3D シーンを豪華に組み合わせて雰囲気たっぷりに演出した Merouane Bali さんのポートフォリオサイト
- 宇宙感マシマシのビジュアルがかっこいい月面調査に関連する機器を開発する Venturi のウェブサイト
- アスキーアートっぽいけどそうではない……固有の世界観を持つ 3D 表現がかっこいい Rosehip のウェブサイト
- 個性的なホバーエフェクトでサイト全体が明滅する Daniel Vaszka さんのポートフォリオサイト
- 動物たちと人間の未来を考えるきっかけとなる 3D コンテンツで知識を深める Animal Futures
- 絶妙な雰囲気をまとった 3D 実装が不思議な魅力を醸し出すイタリアのインスタント食品 Banzai のウェブサイト
- 重厚かつボリュームも凄まじい迫真のドキュメンタリー XR コンテンツ Inside Kristallnacht がすごい
- あまり見かけない画角の変化を利用した演出がおもしろい Progressors のウェブサイト
- AI を活用したデバイスかと思いきや……!? ちょっとおもしろい Studio 9P のジョークサイト Ricky
- WebGPU や OffscreenCanvas など尖った技術を活用した高品質 CG が見事な Utsubo のウェブサイト
- 優しく柔らかい水や流体のような表現が美しいビジョンを描き出すブラビス・インターナショナルのウェブサイト
- 高品質な 3D モデルで実際の製品の質感を見事に表現した bella Kitchen Appliances のウェブサイト
- ミラーボールのようなオブジェクトが登場する WebGL 実装がおもしろい Beaucoup のウェブサイト
- ディストーションと加算合成風のエフェクトを組み合わせた表現がすてきな三和ファサード・ラボ株式会社のウェブサイト
- 万華鏡ともちょっと違う不思議な質感の表現がかっこいい k.c. Austin さんのポートフォリオサイト
- レトロスタイルの本格派ミニゲームも楽しいデジタルクリエイティブスタジオ encoder のウェブサイト
- どこかノスタルジックな雰囲気だけどけして古臭くはないビジュアルが素敵な Maximum Contrast のウェブサイト
- ドットを活用したおもしろい WebGL 表現で個性が光る Louis Bocquet さんのポートフォリオサイト
- テーマカラーを上手に 3D シーンにも落とし込んだ迫力満点な Exit Eleven のウェブサイト
- アーケードゲームの筐体を活用したティザームービーがおもしろいデザインエージェンシー Avark のウェブサイト
2024 年 11 月
- 三次元空間をタイル状に区切って逐次データを読み込み描画! 3D Tiles を利用した Meta Bath がおもしろい
- ドローンから VR にスマートシティまで! 幅広い事業を手掛ける iot squared のウェブサイト
- 海や水をイメージさせるさまざまな WebGL 実装でストーリーを紡ぐ 11th Hour Racing のウェブサイト
- ノイズによるグラデーションとブロック状のエフェクトを組み合わせた LEEROY のウェブサイトがおもしろい
- ピンポイントに WebGL を活用しつつ大胆な演出を盛り込んだ Kevin Hilgendorf さんのポートフォリオサイト
- 超美麗なグラフィックスを楽しめる MSI のスペシャルコンテンツ FIND YOUR GAMING PERSONA がすごい
- 美しいデザインとインタラクションをたっぷり堪能できる tomoya okada さんのポートフォリオサイトがかっこいい!
- レイマーチングではなくジオメトリを動かすことで起伏を表現した Hartmann Capital のウェブサイト
- 複数のリングを上手に組み合わせて自分たちのビジョンや考えを可視化した Spherical Waves のウェブサイト
- 滑らかな流体表現と高品質な CG シーンを組み合わせたハイエンド WebGL 実装がおもしろい Hatom のウェブサイト
- 疑似立体表現とパーティクルを駆使して描かれる近未来的世界観がおもしろい Amaterasu のウェブサイト
- モザイク系のエフェクトを効果的にコンテンツに落とし込んだ Thibaud Fellay さんのポートフォリオがおもしろい
- 柔らかい流体をイメージさせる演出を上手に盛り込んだ Emilie Gauvin さんのポートフォリオサイト
- 優しく漂う蝶たちの動きも見事な万博向けプロジェクト「ノモの国」のスペシャルサイト
- 質感が統一された 3D 表現でアイデンティティをビジュアルに落とし込んだ Anderson Moss のウェブサイト
- GLSL でレイマーチングを用いて個性的なシルエットを描画する Broed のウェブサイトがおもしろい
- AR モードも備えたフォトリアル指向の WebGL 実装がおもしろい Viva La Labia のウェブサイト
- まるで生きているかのようにヌルヌル動く 3D モデルと楽曲生成 AI を駆使した Noomo Beat がすごい
- ハイレベルなフロントエンド実装に上手に WebGL も組み込んだ funkhaus のウェブサイトがすごい
- 屈折系のマテリアルを持ったオブジェクトを用いてシンプルに構成された One Studios のウェブサイト
2024 年 10 月
- 統一感のある演出を WebGL にも DOM にも反映した Guillaume Colombel さんのスタイリッシュなポートフォリオ
- 果たしてその実力は!? 3D を盛り込んだウェブサイトを制作するためのツール Peach Worlds
- コンテンツの内容と背景の連動でインタラクティブに場面を演出した Mannequin Technologies のウェブサイト
- 黒をベースにしつつさまざまな工夫を凝らして世界観を構築した Cosmos Studio のウェブサイト
- 高品質なキービジュアルが持つ納得感! クリエイティブエージェンシー Otherlife のウェブサイト
- 近未来的な味付けでエンターテイメント性を強調したビジュアルに仕上げた SpaceKart のウェブサイト
- いまだかつてない流体エフェクトの使い方に驚くこと間違いなし! PLST のウェブサイトがすごい
- ちょっと古めかしいテイストをあえて WebGL を利用して表現した BlueBox Design のウェブサイトがおもしろい
- 雰囲気満点の WebGL 実装を高い質感でウェブサイトに取り込んだ Franky Hung のポートフォリオ
- やさしい手触りの質感を見事に表現! AI のちからで医療の現場をサポートする Kriss.ai のウェブサイト
- さまざまなインタラクションをぬるっと楽しむユナイテッドアローズ公式「異次元リミックス」スペシャルサイト
- 雰囲気満点の 3D 表現のほか技術解説記事も多く掲載されている Josh Warren さんのポートフォリオサイト
- さまざまな異なるインターフェースがごちゃごちゃに入り乱れる Blink Industries の不思議なウェブサイト
- 印象的でインパクトも強いイントロ演出がかっこいい! デジタルハリウッド大学の英語版ウェブサイト
- 輝く宝石や金属をフォトリアルに再現! ジュエリーシミュレーターの技術デモが圧巻の仕上がり
- モバイル版も軽快動作! インタラクティブ性も含めて見やすいレイアウトが秀逸な STR8FIRE のウェブサイト
- シェーダを扱う基本を身に着けよう! GLSL スクール 2024 の募集を開始します!
- 壮大なストーリーを連想させる効果音や BGM が雰囲気を盛り上げる Emotion のウェブサイト
- フラップ表現やリールが回転するような表現などビジュアルにもこだわった株式会社ジュニのウェブサイト
- ポイントクラウドで展覧会をまるごと再現! みごたえ十分のデジタルコンテンツ Bid(s) for Survival
- 日本人から見るといろんな意味で興味深い MaxMara のスペシャルコンテンツ Treasures of Japan
- Curl Noise を用いてパーティクルで情景を描き出す Lewis Zhang さんのポートフォリオサイト
2024 年 09 月
- 独特なポストエフェクトを用いてユニークな世界観を可視化したプロジェクト More than human
- 大胆なアニメーションと流れるようなインタラクションが心地よい tryandco のウェブサイト
- 架空のスノーボード用品ブランドのページを印象的な WebGL 製エフェクトで構成した Frost のウェブサイト
- 多彩なフォントと WebGL によるディストーション表現を組み合わせた Not To Scale のウェブサイトがおもしろい
- メッセージ性を強く感じさせるウォール・ストリート・ジャーナルの特設サイト Unanswered
- ショールームのような美しい 3D シーンで見るプリザーブドローズ製品を扱う Amoroses のウェブサイト
- パーティクルを用いた表現と見事なフロントエンド実装が光るデジタルエージェンシー SALT AND PEPPER のウェブサイト
- 美しいインタラクティブなグラデーションがサイトを彩るロンドンにあるエージェンシー KOTA のウェブサイト
- 背中がなにかを語っているかのような個性的な WebGL 実装がおもしろい GoodBytes のポートフォリオ
- 平行投影で描画される 3D 表現とエッジの美しいスタイルを組み合わせた Roman Salakhov さんのポートフォリオ
- 2074 年を舞台とした架空のデジタル博覧会をウェブ上に再現した Botanic Expo のウェブサイト
- WebGL を用いた多様な 3D 表現でパッケージの特徴を上手に体現させた Kanak Naturals のウェブサイト
- シンプルなのに見れば見るほど引き込まれる美しさ! Jesse Ermens さんのポートフォリオサイト
- くもりガラスが透き通っていくような演出がかっこいい音楽クリエイターレーベル ALLT STUDIO のウェブサイト
- サッカーゲームのウェブサイトらしく躍動的なアニメーションが特徴的な UFL のウェブサイト
- WWF 提供のクジラの保護をテーマにした長編ドキュメンタリー Rorqual のスペシャルサイト
- ビジュアルにこだわった高品質な WebGL 実装がサイト内を豪華に彩る Ashfall Studio のウェブサイト
- 100年にも及ぶ膨大な歴史をインタラクティブなウェブコンテンツにまとめあげた Telefónica Centenary がすごい
- まるで花畑のような美しく幻想的な WebGL 実装がじんわり心に沁みる Gladeye のウェブサイト
2024 年 08 月
- ロゴに込められた思いやコンテキストを WebGL を用いて見事に可視化した Vlag yokohama のウェブサイト
- パーティクルを利用した演出をシンプルに取り入れたヒューマンキャピタルパートナーズ株式会社のウェブサイト
- トーラスを上手に活用してインパクトの強いビジュアルを作り出した Oskar Sollenberg さんのポートフォリオ
- たくさんのラインを使ってさまざまなコンテキストを複雑に視覚化した株式会社MOTA のウェブサイト
- 質感も豊かに特徴的なデザインの腕時計を描画する Girard-Perregaux Casquette のスペシャルサイト
- 引っ張るような独特なインタラクションと WebGL 実装を上手に組み合わせた Paffi のウェブサイトがおもしろい
- 直線的なレイアウトとスピード感のあるインタラクションがクールな Non-Linear Studio のウェブサイト
- ノイズを使ったトランジションエフェクトとドット模様が可愛らしい Baptiste Bacon さんのポートフォリオサイト
- 個性的なエフェクトが目白押し! 不思議でポップな世界観に没入できる SteviaPlease のウェブサイト
- 流体表現を表現の柱として取り入れた VR 系の事業を展開する Digital Mosaik のウェブサイト
- 全編 3D で構築されたミニゲーム満載で無限に遊べる Porter Robinson オフィシャルサイトがすごい
- 大量のキーキャップがインタラクティブに世界を構築・体現する The Interactive Dictionary of Free Speech がすごい
- とんでもない量の高品質なコンテンツが怒涛のごとく押し寄せる The Maison of All Victories がすごい
- ドクロや燃え盛る炎など自分たちのスタイルを迫力のビジュアルで表現した Flatbone Tattoo のウェブサイト
- 複雑なレイヤー構造を絶妙なバランスで組み合わせた Josiah さんの個性派ポートフォリオ
- 大迫力のビジュアルと隠された大量のパラメータが圧巻! IE3 のウェブサイトがすごい
- WebGL もしっかりと活用しつつ Webflow によって構築された Matteo Donini さんのプロジェクトサイト
- ウェブサイト全体の一体感を崩すことなく WebGL が見事に融合した株式会社I-neのウェブサイト
2024 年 07 月
- 流体表現と仮想ディスプレイのような表現を組み合わせた圧巻の事例集 Anderson Mancini さんのポートフォリオ
- 採用コストを計算するカリキュレーターをお洒落に実装した Project Cost Calculator がおもしろい
- 環境保全のメッセージを盛り込んだ美しく光り輝くインスタレーション作品 Be Still & Still Moving
- ページ間の遷移もスイスイでシームレスな心地よさが癖になる株式会社 米のウェブサイト
- ラインがまるで生きているように動いていくイントロ演出が秀逸! 東神開発株式会社のウェブサイト
- 流体をはじめとした WebGL を利用した迫力ある画作りが体験を強力に後押しする Uprising のウェブサイト
- 低解像なエフェクトなんともいい感じ! ファンの愛がたっぷり詰まった METRO BOOMIN のファンサイト
- ウェブカメラの映像から人間の顔をリアルタイム検出! 幻想的な雰囲気で描画する不思議なポートフォリオ
- まるでエフェクトの見本市! とにかく演出をモリモリに詰め込んだ Dracarys がおもしろい
- ゲームを開発する企業としてのマインドを見事に体現したスゴロックス株式会社のウェブサイト
- Pixi.js を用いてスプライトを大量かつ滑らかに動かすインタラクティブコンテンツ Bored Ape Yacht Club
- いきいきと動く様子はまさに生きた絵本! WebGL を利用したオンライン絵本 Oggy! がおもしろい
- ステッカーをバシバシ貼り付けろ! ポップで楽しい雰囲気満点の FunTech inc. のウェブサイト
- モノクロの世界観を上手に利用した表現が見事に機能している Chromatique Studio のウェブサイト
- あまり見たことのない独特なインタラクションのキービジュアルが興味深い Madness AI のウェブサイト
- スワイプした瞬間に見つかる驚き! 奇抜なビジュアルをシンプルにまとめた Rodeo Film のウェブサイト
- これは完全にやりすぎ案件……ハイエンドな 3D 表現が目白押しの Igloo Inc. のウェブサイト
- まるで生きているかのような有機的な動きが見事なジェネラティブアートの展覧会 dialog() のウェブサイト
- 1つのオブジェクトを有効に活用しながら動きのあるシーンを演出! Carl Gordon さんのポートフォリオ
- 実際の展示の雰囲気を高純度でウェブ上にも再現した Ambient Weaving Ⅱ Virtual Gallery がおもしろい
- まるでプリレンダリングかと思うような丁寧かつド派手な WebGL 実装がおもしろい Spaace のウェブサイト
- 多彩で複雑な表現の組み合わせが圧巻! Ryan Ritzenthaler さんのポートフォリオサイトがすごい
2024 年 06 月
- 若干負荷は高めだがフル 3D のウェブサイトは見ごたえ抜群! FUNNYWORKS のウェブサイト
- 多種多様な WebGL 実装が登場するオイル製品などを扱う Lippini Lubrificanti のウェブサイト
- 部分的に時空が歪むような独特なエフェクトがおもしろい The Variable のウェブサイト
- ユーザー体験を考慮した作り込みがエグい! NTT Digital のウォレットサービス scramberry のウェブサイト
- 流体風のエフェクトと RGB ディストーションを組み合わせた演出がおもしろい Luis Bizarro さんのポートフォリオ
- ブロック状のオブジェクトと流体のような表現で個性的に仕上げた Rogier de Boevé さんのポートフォリオ
- 美麗なシェーダによる表現と空間的広がりが心地よい Maxime Heckel さんのポートフォリオサイト
- 宇宙ゴミをテーマにしたデータ可視化と環境問題啓発のインタラクティブコンテンツ Space Trash Signs
- めくるめくアニメーションと色彩を楽しもう! makemepulse のオープンソースな技術デモ Kaizen
- 巨大な顔が大胆にレイアウトされた個性強めのビジュアルがおもしろい Munnoz さんのポートフォリオサイト
- 音と映像の相乗効果が揺るぎない独自の世界観を描き出す Fit Song のウェブサイト
- 美しい WebGL によるビジュアル表現をとことん堪能できる Noomo Agency の Labs サイト
- シンプルなレイアウトと大胆なアニメーションが見る人を魅了する Oscar Pico のポートフォリオサイト
- WebGL で 2D と 3D を組み合わせて個性的な表現を模索した RayRay lab のウェブサイト
- 点と点を結ぶように光のラインが交差するグローブ系 WebGL 実装 One World, One Dollar
- 個性的な味付けのアニメーションが印象深いビジュアルを作り出す International Supply のウェブサイト
- ガラスにフィルムを貼り付けたような個性的な質感で世界を描き出す UNVEIL のウェブサイトがかっこいい
- 個性的なエフェクトを用いてテキストも画像も演出した Eva Sánchez さんのポートフォリオサイトがすごい
- 自分のアバターを大胆に配置した A. CHEN さんの個性強めのポートフォリオサイト
- 毎回どのように動くのかが変化するおもしろいトップページ! Local Studio のウェブサイト
2024 年 05 月
- 宇宙船のなかのような不思議な空間を活用した表現がおもしろい Nanoshrine Interactive のウェブサイト
- シンプルにわかりやすく機能性を説明する Merrell のアウトドアシューズのスペシャルサイト
- 本格派のフォトリアルな質感にこだわった自動車のコンフィギュレーター Classics Garage がおもしろい
- カーソルに対するインタラクションやカラーテーマ変更などギミックも楽しい NaughtyDuk のウェブサイト
- 波紋が広がるような優しいインタラクション! フランスにある工房 Atelier Missor のウェブサイト
- 多様なビジネスをインタラクティブな WebGL 実装で表現した三菱UFJキャピタル株式会社の 50 周年記念サイト
- 自作の WebGPU エンジンで駆動する本格派のグラフィックスが圧巻のゲーム作品 Food for Fish
- 天空に浮かぶ博物館!? 凝った作りと独特な空気感がおもしろい Galleria Nazionale delle Marche のウェブサイト
- ミニゲームやカートリッジ式ゲーム機のような遊び心あふれる要素がいっぱいの 12Wave のウェブサイト
- まるで落ち着いた美術館のような空間をシンプル・最低限に再現した Khalili Collections のウェブサイト
- どこか曼荼羅のようなテイストを感じさせるビジュアルが光る TOMOMI SHIBAKUSA さんのポートフォリオサイト
- キューブを活用した多彩な表現で驚きの連続を演出するクリエイティブエージェンシー SPARKK のウェブサイト
- あえてインタラクティブ性を排除した流体表現が織りなす世界観! エムトラスト株式会社のウェブサイト
- アスキーアートのようなキービジュアルは実はまさかの!? Matt Bierman さんのポートフォリオサイト
- WebGL を活用した異なる時空間へとダイブするような演出がおもしろい BOSS のスペシャルサイト
- ゴッドレイ風のエフェクトを効果的に利用した独自の世界観がかっこいい PHQ のウェブサイト
- まるでメガデモがそのままウェブになってしまったかのようなビジュアルが圧巻! Sector 32 のウェブサイト
- 簡単なミニゲームを通じて Quatre について知ることができる Boucheron のウェブサイト
- 幻想的な世界観と超自然的な世界観をうまくミックスした 3D シーンが圧巻な Organimo のウェブサイト
- 感覚が刺激されるような不思議な体験が得られる Antoine Enault Studio のウェブサイトがおもしろい
2024 年 04 月
- 流れる流体! 弾ける炭酸! Buttermax のインタラクティブ WebGL デモコンテンツ Slosh Seltzer がすごい
- 美容サロンのような美しい空間表現を WebGL を活用して実現した SUBLIMIC MY BEAUTY SALON
- もはや有料ゲームタイトルと見分けがつかないレベル! Little Workshop のゲーム風デモがヤバい
- もはや美しいとさえ感じるデザインと驚きを感じさせる WebGL 実装が見事な穴井木材工場のウェブサイト
- シェーダを駆使したディストーションエフェクトが美しい独自の世界を描き出す Merriment のウェブサイト
- WebGL を利用したエフェクトを上手に活用して世界観を表現! ARKREIS のウェブサイト
- WebGL 製の美しい色彩を放つカルーセルが存在感たっぷりに演出する Sofia Shcherbak さんのポートフォリオサイト
- 揺れ動く波のような WebGL 製グラフィックスが感情に応じて色づき流れる Má Sài Gòn Space
- かわいいロゴマークにもこだわりの詰まったゲーム開発スタジオ Axolot Games のウェブサイト
- スフィアだけを用いてこんなにも多彩な表現が行えるとは! Remote のウェブサイトがおもしろい
- 全編が 3D コンテンツとしてド派手に演出されたオリジナリティあふれる OFF+BRAND のマニフェスト
- ゴッホの作品をテーマとしたレゴブロック風の 3D インタラクティブコンテンツ The Starry Night
- めくるめく DOM を用いたアニメーションとアクセントの WebGL がステキな Akaru のウェブサイト
- いつまでも触っていたくなるような心地よいビジュアルとインタラクション! aircord のウェブサイトがすごい
- AI を活用して動的にイメージを生成する WebGL コンテンツ THE MUCUS MASHER で遊んでみよう
- 独自の世界観をたっぷりと詰め込んだ個性的な WebGL 実装がおもしろい Zuzze のウェブサイト
- グリッチ風のエフェクトがほどよく質感を演出する Ben McCormick さんのポートフォリオサイト
- これはもはや質感の暴力!? 素晴らしい質感で存在感を放つ TAG Heuer Eyewear のウェブサイト
- まるでゲーム作品のようなギミック満載の Sébastien Lempens さんの個性派ポートフォリオ
- たった1つの WebGL キービジュアルがいろんな姿に変化する! Stripe Sessions 2024 のウェブサイト
- 豊富なバリエーションで楽しくウェブサイトを彩る 3D シーンが秀逸! Say Social のウェブサイト
2024 年 03 月
- アクセントとして使われている 3D 表現がいい味出してる Pedro Chevez さんのポートフォリオサイト
- インタラクティブ性のあるパーティクルを用いた表現が見事に仕上がってる Cult of the North のウェブサイト
- AI を活用してすべての記憶を記録・保存することを目指す次世代のサービス Brainsave のウェブサイト
- もはや一周回ってシンプルに! こういうのでいいんだよ感があふれるデザインスタジオ Outpost のウェブサイト
- ノイズを活用した表現で多彩な見せ方を提供する ATHENA TIAN さんのポートフォリオサイト
- WebGL 実装じゃないことに逆に驚く! 無人の販売機をフランチャイズで展開する Grab&Go のウェブサイト
- 凝った 2D 表現とバキバキの 3D シーンで世界観をこれでもかと表現した MONOGRID のウェブサイト
- 丁寧に作られた 3D モデルと心地よい触り心地のインタラクションが織りなす空気感がお見事! Panasonic World
- ドットの集合で文字や矩形を表現したインタラクションがおもしろい Vercel Ship のウェブサイト
- 質感美しい WebGL 実装に加え個性的なギミックや演出もおもしろい SavoirFaire のウェブサイト
- インタラクティブ性にこだわった演出をたっぷり詰め込んだ Chris Kalafatis さんのポートフォリオサイト
- 本が作られ読まれるまでのストーリーをタロットカードと組み合わせて表現した The Seqret Book
- まるでちょっとしたゲーム作品のような凝りまくった WebGL 実装が迫力満点な Oakley の Project 2075
- 本物志向の質感でリアリティのある世界を描く! 壁紙などを扱う Schumacher の 3D Experience
- WebGL を活用した多彩な表現でアーティスティックな雰囲気を演出! Talking Walls のウェブサイト
- シーン遷移エフェクトも迫力満点なクリエイティブデベロッパー Toby さんのポートフォリオサイト
- あえてモノクロで絵作りするクラシカルな WebGL 製 3D シーンがかっこいい Beyond Aero のウェブサイト
- 瞬間に垣間見える面白さをあなたは感じ取れるか!? アートスペース MATTER のウェブサイト
- WebGL を用いたゴッドレイのような光の表現など個性的な演出がたのしい Hailstone のウェブサイト
- 柔らかな平面が効果的にインタラクティブな要素を演出する Angus Emmerson さんのポートフォリオサイト
2024 年 02 月
- 挑戦することからすべては始まる! WebGL スクール第11期募集開始(リモート開催)
- 芸術と文化と人々、そして AI…… 教育を目的として作られた AI に関するコンテンツ Abstract Intelligence
- 呪われた6つのエピソードを巡るインタラクティブ絵本風コンテンツ The Cursed Library がすごい!
- まるでゲームの世界に飛び込んだかのような雰囲気満点の世界観! Mike Fernandez さんのポートフォリオ
- 現時点での自分の持てる技術や個性をたっぷり詰め込んだポートフォリオサイト こびとのあしあと
- Bon Jovi の 40 年間の歴史をインタラクティブな 3D コンテンツと共に振り返る Backstage with Bon Jovi
- 3D 表現を大胆に取り入れつつ見せ方にもこだわりが感じられる Architecte — Jessica Mille のウェブサイト
- 幻想的だけどデジタルな雰囲気も見事に表現! Louis Vuitton のスペシャルコンテンツの絵力がヤバい
- 多くのインタラクションが WebGL によって丁寧に実装された Zenit Creative のウェブサイト
- 技術力も個性も画面全体からドバドバ溢れ出しちゃってる Ronin161 のウェブサイト
- まるで宇宙のように広がるデータサイエンスの世界! 株式会社データフォーシーズのコーポレートサイト
- リボン状の立体構造がゆったりとアニメーションする姿がなんとも美しい Time To Refokus のウェブサイト
- シンプルな 3D モデルをさまざまな形でうまく使いまわして多彩な表現を実現した 84-24
- 2D も 3D も上手に組み合わせて多彩な表現を実現した Bigpicture company のウェブサイト
- 効果音とドット模様を上手に組み合わせた演出が最高にかっこいい Robert Borghesi さんのポートフォリオサイト
- 3D シーンは質感たっぷり!日本語にも対応した Variable fonts の Solare スペシャルサイト
- エフェクトは派手! されどそれが嫌味には感じない絶妙なバランス感が痺れる GRAYSCALE STUDIO のウェブサイト
- いくつかの選択肢から最適なプレゼントを提案してくれる Bulgari の Gift Finder は高級感たっぷり
- 広大な地域を俯瞰して眺めつつ自然や環境保護の見識を深められる WWF のスペシャルサイト Unganisha
2024 年 01 月
- 古い雑誌や新聞を思わせる個性的なフィルターを用いた表現がおもしろい RRE のウェブサイト
- カードを収集するという建付けのアイデアがおもしろい Evan Fasquelle さんのポートフォリオサイト
- リッチでド派手なカーソルインタラクションに思わず注意を持っていかれる Buttermax のウェブサイト
- 流体表現もパーティクルも彼らに掛かれば挨拶代わり!? 異次元のビジュアルを見せつける Active Theory のウェブサイト
- ミュージックビデオの雰囲気を WebGL で印象的かつ見事に再現した Skuibi - Jeu Mortel - Music Video
- CSS と WebGL を駆使した複雑な奥行き感の表現が見事な Airbag Studio のウェブサイト
- 機能・個性・情熱 それらすべてが高次元で見事に一体となった Anton Sokolov さんのポートフォリオサイト
- 不思議な鳴き声も可愛らしいミニ龍が雪崩のように押し寄せる Utsubo の 2024 年賀コンテンツ
- ポップでアートな雰囲気満点の遊び心にあふれた WebGL 実装がおもしろい KidSuper World
- ゆるふわでかわいい世界観に思わずほっこりしてしまうベビー用品を扱う MOTCHIRI のウェブサイト
- 絵巻物のような構造と印象的なイラストを駆使した優しい手触りがステキなインディゴ白書
- 超人気のゲームにインスパイアされた Paweł Bród さんのミニゲーム風のポートフォリオが素晴らしい出来栄え!
- 都市のインフラや物の流れを見事に可視化した WebGL 実装がおもしろい EcoFuture のウェブサイト
- 潔いシンプルさと細かいこだわりの詰まったアニメーションが心地よい Nicolas Giannantonio さんのウェブサイト
- ジオメトリやテクスチャの使い方に工夫が感じられる丁寧な WebGL 実装が光る Bronitex のウェブサイト
- あらゆる技術をトリッキーかつポップに使いこなす ikeryou さんの devdev Inc. がウェブサイトをリニューアル
- もはやこれは恒例行事!? unshift の年賀コンテンツは音も楽しいインタラクティブコンテンツ
2023 年 12 月
- スマートでクールな雰囲気かと思いきや強面おじさんが突如現れる UN7 のウェブサイト
- ウェブカメラからの映像を使ってハンドジェスチャーで遊べるミニゲーム Colorful Night がおもしろい
- 機能性の高いウェアが躍動しながら動き出す Primo Thermo Dry Pro のウェブサイト
- WebGL の存在感が完全にウェブサイトに溶け込み混ざって生まれる一体感! THE ONE INC. のウェブサイト
- とても幻想的で美しい世界観のミニゲームが楽しめるカルティエのスペシャルサイト The fabulous Cartier journey
- アーティストというコンテキストを想像させるような独特な演出がおもしろい Patreon のウェブサイト
- Webflow を用いて構築された十分に実用的なフル 3D のウェブサイト Solar Journey
- 静かに淡々と流れる時間を濃密で異常な執念によって凝固させたかのような PERFECT DAYS 公式サイト
- WebSocket なども活用した面白い仕掛けがたくさん! Rohit Kaushal さんのポートフォリオサイト
- すごくポップで軽快な味付けのインタラクションがすてきな John Jattoh さんのポートフォリオサイト
- 小さなアイコンのような 3D 描画にも手を抜かない丁寧な仕事が光る Explicit Promotions のウェブサイト
- 作例もそれぞれ完成度が高く見応えたっぷりな Michal Zalobny さんのポートフォリオサイト
- Hyundai が行っている取り組みを美麗な CG で視聴できる Mixed-Reality コンテンツ The Field
- アスキー文字列が織りなす不思議な質感が独特な世界観を構築する Quentin Hocdé さんのポートフォリオサイト
- パーティクルをピクセルのように活用した多彩な表現が面白い 株式会社メイクリーの事業部サイト
- メニューからも 3D シーンからもコンテンツにアクセスできる面白い構造を持った Evan Provan さんのウェブサイト
- これでもかと装飾を凝らしたバキバキに仕上がった WebGL 演出とのギャップが面白い GDK のウェブサイト
- プリレンダリングのリール映像と同じ質感を WebGL で見事に再現した Reflektor Digital のウェブサイト
- 立体的な空間なのに適切に平面的なコンテンツも表示する不思議空間! James Hall さんのポートフォリオサイト
2023 年 11 月
- レンズによる歪みのようなエフェクトがサイトを彩る NEWFOLK のウェブサイトが凄まじい完成度
- どこか荘厳かつ重厚な雰囲気でこれまでの取り組みをまとめた Breakthrough Energy のレポート用スペシャルサイト
- WebGL を使って多様な質感を見事に表現したお手本のような WebGL 実装が素晴らしい luni のウェブサイト
- 持ち運びに特化した折りたたみ可能なカトラリーを WebGL で表現した Akinod のウェブサイト
- 立体的な表現も擬似立体表現もいずれも丁寧に実装された BOTANIST ROOTH のウェブサイト
- 庭園のなかを俯瞰した視点で散策する一風変わった Parque das Virtudes の WebGL コンテンツ
- 無駄なものを削ぎ落とした澄み渡る空気感が見る者を深淵へと誘う Glenfiddich のスペシャルサイト
- 優しく軽やかに漂うボールのようなオブジェクトが楽しい OFF+BRAND のウェブサイト
- 多層構造を持つ WebGL 実装が豊かな世界観を描き出す TT Global のウェブサイトが素晴らしい完成度
- 3D シーンと 2D 演出を織り交ぜた表現がおもしろい TAG Heuer Carrera Skipper のスペシャルサイト
- おもしろい仕掛けがいくつも組み込まれたポップで楽しい BrewDistrict24 のウェブサイト
- WebGL を効果的に使いつつも主張しすぎないバランス感覚が素晴らしい 28k のウェブサイト
- あえてレトロにドットを用いた表現で構築されたストーリー仕立てのクリックゲーム basement chronicles
- コンセプトがしっかりと定められた 3D シーンのトーンがおもしろい Enpower Trading のウェブサイト
- シェーダを利用したインタラクティブ性と動画を利用した安定性の両立! TuxKarma のウェブサイト
- エージェンシーのスタッフとなってミニゲームを通じてたのしく学ぶ Snapchat Agency Adventure がおもしろい
- ハロウィーンに合わせて公開された The Digital Panda のホラーコンテンツがおもしろい
- 相変わらずのハイクオリティ WebGL デモの完成度がエグすぎる! Lusion Labs の新作 AKARI がすごい
- すべてを包み込む柔らかい布のような不思議な質感がおもしろい VUILD株式会社のコーポレートサイト
- インタラクションに対する変化がおもしろいノーコードツール Webflow と Spline のショーケースサイト
2023 年 10 月
- 流体表現とモザイクや RGB ディストーションを組み合わせた表現がおもしろい Portal Defi のウェブサイト
- パーティクルがウェブサイトの状況に応じて変幻自在に姿を変える Quantum のウェブサイト
- 流体的な表現とブロック状のグリッチを組み合わせた独特な演出が面白い Evmos のウェブサイト
- WebGL を使って文字や画像をディザリング! どこかレトロな Bagage のウェブサイトがかっこいい
- 流体を活用した圧倒的な存在感と丁寧に実装されたフロントエンド実装が素晴らしい SETAPRINT のウェブサイト
- 美しくたゆたうグラデーションが優しく温かい雰囲気を演出する Renxa 株式会社リクルートサイト
- まるで音波を示す波形のようなエフェクトが個性的な雰囲気を見事に演出! 株式会社ハローのウェブサイト
- 3D シーンを含む個性的な演出を多数盛り込み見応え十分! Zajno の7周年記念サイト
- 多面的な世界観をうまく表現した演出が素晴らしい! ゲーム開発などを手掛ける Beyond のウェブサイト
- WebGPU を利用してレイトレーシングでエディタやビューアを実装した LGLTracer がすごい
- 予測不能な部分も含めて驚きの連続が楽しい Roman Osypenko さんのポートフォリオサイト
- 二次元的なエフェクトも組み合わせた楽しい雰囲気が見事な Pravasith さんのポートフォリオサイト
- 個性的な演出が次から次に現れる Denise Agency の美しいコーポレートサイト
- リッチで美しい波打つ波紋やホバーエフェクトが見る者を魅了する Chris Kalafatis さんのポートフォリオサイト
- 解説付きで様々なシェーダによる効果を楽しめる Maxim McNair さんの WebGL Image Processing
- 工夫の凝らされたカメラワークが素晴らしい 302chanwoo さんの絵本風プロジェクト GIANT 105
- 大量の押し寄せるゾンビから逃走するミニゲームが楽しめる Louis Rossouw さんのポートフォリオサイト
- 流体のようなエフェクトが思わず心を引き付けて離さない! The Sight のウェブサイトがすごい!
- 近未来的な雰囲気のデザインとスイスイ心地よいインタラクション! Flammini Design のウェブサイト
- Smiley face の複雑なグラデーションがおもしろい質感を描き出す Artefact 3000 のウェブサイト
- 過去の万博会場を WebGL を使ってジオラマ風に再現した European Community at Expo 58 がおもしろい
2023 年 09 月
- 思わず触りたくなる驚きのインタラクション! Thibaut Foussard さんのポートフォリオサイトがすごい!
- 視線誘導も考えられた 3D シーンの構成がおもしろい Maël Ruffini さんのポートフォリオサイト
- シェーダアートのチュートリアル動画でおなじみ kishimisu さんのポートフォリオサイト
- インタラクティブにアクセスできるオブジェクトが盛りだくさん! Andrii Babintsev さんのウェブサイト
- 波紋が広がり浮かび上がるロゴマークがおもしろい! やまなしメディア芸術アワードのウェブサイト
- 水の波紋が広がるような動きのなかに細かなこだわりの詰まった 西芳寺 のウェブサイト
- あらゆる操作に対して起こる美しくやさしいインタラクション! Shaban Iddrisu さんのポートフォリオサイトがすごい
- 美しい水面の反射や草の動きにこだわりを感じる Axelle Pasquier さんのポートフォリオサイト
- チケットを引き出す演出が時代の変遷を感じさせてくれる ÖBB History がおもしろい
- もはや何が起こっているのか意味がわからない! 超絶技巧満載の Lusion のウェブサイト
- より演出を盛り上げるためにこそ基礎からしっかり技術を磨こう! GLSL スクール 2023 開催します
- じんわりと現れるホバーエフェクトの質感は唯一無二! デジタルデザインスタジオ Kokopako のウェブサイト
- 豊富な 3D シーンはどれも完成度がエグい! ハイエンドブランドを多く抱える LVMH のスペシャルサイト
- しっかり作り込まれたネオンのような表現が楽しいハンバーガーショップ Regrub のウェブサイト
- 見れば見るほど驚き満載! 透明感のある質感が見事に表現された STYLE PORT Inc. のコーポレートサイト
- AI を活用したいまだかつて無い Pierre Mouchan さんの超個性派ポートフォリオサイトがすごい!
- ディスプレイのなかにディスプレイがあり CG が描かれる面白い演出が個性的な Graveflex のウェブサイト
- スクロールに連動したシーンの変化と DOM の構造を上手に組み合わせた Seabrook Studio のウェブサイト
- 彩度が低めに統一されたトーンが美しいスロベニアのスタジオ .raw のウェブサイトが素晴らしい完成度
- まるでマンガのように線を効果的に利用した描画がおもしろい adidas arena のウェブサイト
2023 年 08 月
- ダイナミックかつ多元的にビジュアルが変化! リニューアルされた PARTY のウェブサイト
- どこか水の中をイメージさせるような個性的な世界観がすてきな Koki Kaminoura さんのポートフォリオサイト
- 淡いグラデーションで魅せる印象的な絵作りが素晴らしいデジタルデザインスタジオ Dezea のウェブサイト
- スクロールするたびにインタラクティブかつ大胆に形状が変化! Dave Seidman さんのポートフォリオサイト
- iframe を CSS transform で立体的に WebGL と組み合わせた Ayush Agarwal さんのポートフォリオサイト
- 独自のステージをデザインできるレベルエディタもおもしろい kishimisu さんの GI playground がすごい!
- カーソルキーだけで遊ぶことができるシンプルなミニゲームが楽しい Beautyblender PLAY
- 水面や水滴の表現など水に関連したエフェクトがおもしろい SEARCH のウェブサイト
- 自分の個性がオリジナルのアバターに! 見た目も楽しい Bang & Olufsen のスペシャルサイト
- たくさんのスプライトが生き生きと動くやさしい表現が心地よい株式会社フィロソフィアのウェブサイト
- スクロールに連動したシーントランジション演出が痺れるかっこよさ! DRAFT Inc. スペシャルサイト
- ブルームの効果をバチバチに効かせた派手さ重視のビジュアルがおもしろい技術デモ Haunted House
- もし高層マンションで火災に遭遇したら!? ブラウザで体験できる避難チュートリアル escape plan
- ポップでハイテンションな世界観に主張が強いロバがかわいい! tote inc. のウェブサイトがたのしい
- フォトリアルな質感のリンゴが妖しくそして美しく流れ輝く Envy のウェブサイトがおもしろい
- 透明感のあるエフェクトで一気に引き込まれる Vtuber 向けサービスを提供する vortex のウェブサイト
- カードが変形するなめらかなアニメーションが心地よい手触り! GOALS オフィシャルサイト
- アーティストたちが 3D モデルとなって歌い踊る! バーチャルライブ会場 SoundWaves World がすごい
- 動画の各フレームを立体的に配置したような表現が圧倒的な存在感を示す YUANN さんのポートフォリオサイト
- 3D シーンを活用したアート作品の掲載方法が斬新かつ大胆! David Lee さんのポートフォリオサイト
2023 年 07 月
- 光と影の表現が秀逸な WebGL 実装! ファッションブランド MUGLER のスペシャルサイト
- いくつものブロックが組み合わさってイメージが完成する演出が面白い inter office ltd. のウェブサイト
- テーマカラーも美しい物理演算を利用したシンプルなレーシングゲーム Circuit Rush
- レイマーチングでオブジェクトを質感高く描画するアイデアがおもしろい Foundation Computing のウェブサイト
- 見る者を引き込む光と影の表現が秀逸! 映画 Oppenheimer のオフィシャルサイト
- ロゴ制作のためのツールから開発! リニューアルした STARRYWORKS inc. のコーポレートサイト
- 本物の音色を学習して再現! チェロを奏でるウェブアプリ Viola the Bird がすごい!
- カーソル位置に発生するディストーションエフェクトが面白い Filippo Ruffini さんのポートフォリオ
- ポップカルチャーの面白さや楽しさが体現したかのような株式会社 裸 の個性派ウェブサイト
- パーティクルの明滅表現が他ではあまり見かけない不思議な質感を演出! Global Electronics のウェブサイト
- カードの表と裏を上手に表現に取り入れ明るく楽しい雰囲気に! 株式会社日本テレビアートのウェブサイト
- シェーダを活用した多彩な質感表現や画像の変形処理が見事な Doublepoint のウェブサイト
- 3D 表現を上手に活用! ブロックチェーンと建築を組み合わせたプロジェクト Magma のウェブサイト
- 波紋が広がるような個性的なノイズエフェクトが美しくビジュアルを彩る Héroïne のウェブサイト
- 気分に応じたシーン演出がバリエーション豊富でおもしろい! ボクセルキャラクターのコレクション Meebits
- ビジュアルに対するこだわりが素晴らしいオウムアムアに関する出来事をまとめたドキュメンタリー風コンテンツ
- ノスタルジックな雰囲気なのにリッチで濃密な表現が素晴らしい Pasqua Wines のウェブサイト
- 大胆かつ大迫力な 3D 表現が印象的に目に映る Poor Charlie’s Almanack のスペシャルサイトがおもしろい
- ビジュアル面でもインタラクションでも楽しい仕掛けがいっぱいの Wanted For Nothing のウェブサイト
- さまざまなタイプのディストーションエフェクトで多彩な場面を演出! サンテFX with you. 特設サイトがすごい!
2023 年 06 月
- パイナップルをシンボルにシーンを滑らかなカメラワークで演出したベンチャーキャピタル Alireza のウェブサイト
- 水彩絵の具がスッと流れて広がるようなインタラクションが心地よい Little Red Riding Hood がすごい!
- 滑らかにスルスル動くスムーススクロールを実現するためのオープンソースライブラリ Lenis のウェブサイト
- ポップな 3D 表現がかわいい! 動画販売やサブスクリプションを実現する PLAY VIDEO STORES のウェブサイト
- 波打つような表現とテクスチャを引き伸ばしたような表現がおもしろい韓国のエージェンシー aL のウェブサイト
- まるでボクセルで構築されたゲームのような世界観! アプリファクトリーはるni株式会社のコーポレートサイト
- 球体をノイズでディストーションすることで花のようなオブジェクトを表現した Hana Network のウェブサイト
- 静止画のイメージとパーティクルを複合的に用いた表現が新しい境地をひらく Dgrees のウェブサイト
- どこを切り取ってもハイエンドなグラフィックスに圧倒される超絶クオリティ! Aten7 のウェブサイト
- ギュッと詰め込まれた個性と感性に WebGL が華を添えるクリエイティブ・スタジオ Bureau Cool のウェブサイト
- 確かな技術と遊び心が高次元で融合したクリエイティブ・エージェンシー ZIZO のコーポレートサイトがすごい!
- レトロでポップで遊び心満点! 思わずテンションも上がるレトロ風味なポートフォリオ Sector 32
- さまざまなノイズを組み合わせた特徴的な質感表現が個性的な雰囲気を演出する Daniele Buffa さんのポートフォリオ
- レイマーチングなどに用いられる SDF を利用したウェブブラウザ上で動作する 3D モデリングツール Xiamo
- 透明感のあるディストーションエフェクトが心地よい空気を演出する Ochill のウェブサイト
- サウンドの制御も含めた世界観の作り込みがエグい! Dior の Mother's Day スペシャルサイト
- フル 3D で構築されたゲーム風のインターフェースがおもしろい Mario Kuren さんのポートフォリオサイト
- 複数の Canvas 要素を利用することでスクロール時の自然な挙動を実現! KITE inc. のウェブサイト
- 規則性のある形状とノイズの不規則性が組み合わさった新感覚エフェクトが面白い BERING オフィシャルサイト
- ポップで可愛くハイテンポなミニゲームが楽しい msi のキャンペーンサイト The Egg Hunt
- 電気自動車の充電用ステーション事業を展開する Atlante のインタラクティブな 3D ウェブエクスペリエンス
- 無限スクロールなど様々なギミックで印象的に世界を描き出す WebGL 実装! Écurie Chevalex のウェブサイト
2023 年 05 月
- 斬新過ぎる WebGL の使い方がサイト全体のデザインと見事に融合! Edifis のウェブサイトがすごい
- 幻想的で美しい世界を旅するハイエンド WebGL 実装がすごすぎる! Cartier のスペシャルコンテンツ
- WebGL によって表現された 3D 空間をめぐりながら Ballantine’s への理解も深まるインタラクティブコンテンツ
- 平面的な表現と立体的な表現が互い違いにやってくる構成がおもしろい Rareview のウェブサイト
- Curl noise を利用した抽象化された表現で近未来的な雰囲気を実現した DEPT Pioneering のウェブサイト
- 世界が直面する食糧問題に対する1つの答えを模索する Forged のウェブサイトがなかなか個性的
- 絶対にサウンドオンで楽しみたい! DJ のスクラッチを WebGL でも表現した DJ HI-C / Discovery がすごい!
- 一見シンプルだが様々なインタラクティブ性を備えた 3D 表現が秀逸! BRANDING AGENT INC. のウェブサイト
- 実験作とはとても思えない高品質なデモ実装が一堂に会する Lusion Labs がスゴすぎヤバすぎブッ飛びすぎ
- 透明なオブジェクトで像が歪むような表現を行ったキービジュアルがかっこいい OKCC Labs のウェブサイト
- まるで SF 系ゲームのような重厚なワンシーンを作り込んだ 3D 表現は迫力満点! 2219 プロジェクトのウェブサイト
- Mclaren と Chrome がコラボ! F1 のピットクルーをテーマにしたミニゲームがおもしろい
- ド派手にグリッチ掛けまくり! ポップでかっこいいハイテンションスネークゲーム VEECON VIPER がすごい
- 見た目以上に WebGL の基本がギッシリ詰まったお手本実装! 缶コーヒーでおなじみ Georgia のスペシャルサイト
- Babylon.js によって構築された幻想的な世界観に没入できる Gris Dior Gallery がすごい
- Saad Haider さんの PlayCanvas を利用して作られたスクロール連動型のポートフォリオサイト
- ダイナミックで迫力のあるアニメーションで2つの場面が入れ替わる株式会社ツーリベルムのウェブサイト
- ドットがゆらゆらと波打つ WebGL 実装が雰囲気満点! クリエイティブエージェンシー 60fps のウェブサイト
- 自作の 3D 空間を上手に利用した表現やパズルのような仕掛けがおもしろい Emilie Gauvin さんのポートフォリオ
- まるで生きているかのようにヌルヌル動く 3D オブジェクトが迫力満点! Curious & Company のウェブサイト
2023 年 04 月
- パフォーマンスを大幅に改善した Babylon.js 6 がリリース! 物理演算を駆使した技術デモが面白い
- アイデアが素晴らしいモザイク風のマウスインタラクション! NAMESAKE のウェブサイトが面白い
- とんでもない品質がとんでもない物量で迫ってくるハイエンド WebGL 実装に震える Cartier スペシャルサイト
- 状況に応じてロケットの形が変わっていく Loïc Nas De Tourris さんの面白いポートフォリオサイト
- 鳥瞰視点から世界を眺めつつプロダクトの詳細もわかりやすく説明する Techflow Marine のウェブサイト
- WebGL を含むグラフィカルなウェブサイトを NoCode で構築できるデザインプラットフォーム Dora
- レシートが印字されていくような表現が楽しい! デザインスタジオ SILENCIO のウェブサイトがすごい!
- コードを入力するようにアバターの外見を変化させるインタラクティブコンテンツ Girls Who Code Girls
- サイバー空間のような表現が目を引くブロックチェーン技術を扱う Quai Network のウェブサイト
- ディティールまでしっかり表現された布のような表現がお見事! Stripe Sessions のウェブサイト
- 余白を広く取ったシンプルなレイアウトに印象的に WebGL が栄える Arvin Leeuwis さんのポートフォリオ
- 勢いよく球体が歪むようなエフェクトが爽快感抜群な Robert Leitl さんの Playground サイト
- アスキーアートのような記号を上手に利用した表現がめちゃくちゃかっこいい 0+X のウェブサイト
- まるで立体的でインタラクティブな紙芝居! 奥行き感を上手に演出した Levora のウェブサイトがすごい
- プロダクトの魅力を WebGL も活用しつつ様々なアプローチで表現した Earthboat のウェブサイト
- SVG や画像も駆使しつつ多彩なアニメーションでサイトを演出した DSRV のウェブサイト
- インタラクティブ要素にもこだわった React Three Fiber で構築された Vi さんのポートフォリオサイト
- さりげなく、しかし印象深く、JP Startups (ジャパスタ) のウェブサイトに見る WebGL 実装
- モダンな環境でリッチな表現に挑戦!React Three Fiber でリアルな屈折表現を目指す Maxime さんの技術解説記事
- iframe を利用して古の windows デスクトップ風のテイストを再現! Henry Heffernan さんのポートフォリオ
2023 年 03 月
- 一見するとパーティクルだけど実はテクスチャによる 3D 表現! 空間データを扱う Deep Mirror のウェブサイト
- Blob たちが見事な音色で歌い上げる! 機械学習を利用した WebGL 体験 Blob Opera がすごい
- 公式ティザームービーにも採用された大型複合ディスプレイ演出! Midnight Grand Orchestra スペシャルサイト
- WebGL Meetup で言及された Cocos creator を利用したサイバーパンクアクションゲームの WebGL デモ
- WebGL を活用した Elegant Seagulls のまるで 3D のゲーム作品のような実験サイトがおもしろい
- 車のボディの質感にこだわりぬいた WebGL ビューアの完成度がエグい! Honda の ZR-V 公式コンテンツ
- 光の窓が開くような演出やフレアの質感が素晴らしいドクターズ株式会社のウェブサイト
- まるで映像作品のような大迫力の 3D シーンは圧巻! アメリカ宇宙軍のウェブサイトがすごすぎ案件
- 全編 3D シーンで構成されスクロール操作でスイスイ閲覧できる Arthur Engel さんのポートフォリオ
- ド直球だからこその良さがある! カラフルで艶やかな質感が素晴らしい Cinekid Festival のウェブサイト
- 駆け抜けるように走り輝くネオンのような光の表現がかっこいい! SHIFTBRAIN 20th スペシャルサイト
- 雰囲気満点のアブストラクトな WebGL 実装が目を引く音楽をテーマにしたメタバース構想 ELYNXIR
- 実際にデモ実装を体験することもできる製造業向けのデジタルプラットフォーム Nexus のウェブサイト
- まだまだベータ版感は拭えないが…… 3D アバターのコレクションを扱う PARAGONS のメタバースコンテンツ
- 歪みや湾曲をイメージしたいくつもの演出がサイト全体を上手に演出する Studiogusto のウェブサイト
- ノイズでディストーションさせる演出が不思議でおしゃれな質感を演出する MUSASHI SUZUKI さんのウェブサイト
- WebGL だけでなく CSS も駆使したダイナミックなインタラクションが楽しい Reform Collective のウェブサイト
- パーティクルと背景を上手に活用した表現で雰囲気満点に仕上げた VOS9X のウェブサイトがおもしろい
- 描画負荷を抑えつつ質感には妥協がない WebGL 実装が見事な L’Oréal Water Saver のウェブサイト
- ゲームの世界観を 3D シーンでしっかりと再現した WebGL コンテンツ! Cloud Castles のウェブサイト
- ウェブカメラからの映像のみでウェブブラウザ上でのハンドトラッキングを気軽に体験できる RDTR02 がすごい!
- シンプルなようで奥深い! そのデザインとインタラクティブ性に痺れる Locomotive のウェブサイト
2023 年 02 月
- AI が Equirectangular のスカイボックス用画像を生成してくれる Blockade Labs の Skybox Lab が面白い
- 楽しい仕掛けがたくさん仕込まれたバーチャルストアを体験できる Carolina Herrera の The Perfume Shop
- それはまるで WebGL で表現されたピタゴラスイッチ! シンボリックな造形が面白い株式会社テックフラッグのウェブサイト
- アートパネルの展示に加え実物を購入することも可能! ヨッキューくん ギャラリー がおもしろい
- テーマカラーをうまく活用したシンプルなスタイルに WebGL が見事に溶け込んだ Valuecube のウェブサイト
- まるで切り絵を使った空間表現! 株式会社パイロットのウェブサイトに見る 3D 表現の奥深さ
- イラストと 3D が完璧に融合した異次元の完成度を誇るメタバース系プロジェクト KPR のウェブサイト
- 完全にビジュアルにステータスを全振りしたゴリゴリの 3D 実装にワクワクが止まらない ZERO のウェブサイト
- 基礎からしっかり取り組む WebGL スクール! 第10期の募集を開始(リモート開催)
- 多くを語るのは野暮とさえ思わせる完成度に心がざわめく株式会社トンボ鉛筆の ZOOM ブランドのウェブサイト
- パーティクルを使ってシンプルかつ丁寧に実装された WebGL 表現が見事な株式会社LegalOn Technologies のウェブサイト
- スクロール連動型のド派手な WebGL 実装で独自の世界観を表現した RSTLSS のウェブサイト
- 大量のオブジェクトを並べることで生まれる不思議な演出がシンプルだけど面白い Curated. のウェブサイト
- 個性あふれるスタイル・テキスト・表現の数々にこちらの意識も揺さぶられる Studio Brot のウェブサイト
- パーティクルを活用してブランドやコレクションの雰囲気をうまく表現した AMORPHIA TOKYO のウェブサイト
- ヤバすぎる職人を見つけてしまった…… ハイエンドな実装がぎっしり詰め込まれた MONKEY CIRCUS がすごい
- エッジの利いたシンプルな 3D シーンがハイエンドな品質を想起させる Crosswire のウェブサイト
- XR 関連事業を手掛ける Borderless のウェブサイトが 3DCG モリモリでめちゃくちゃ楽しい
- やさしいふんわりとしたグラデーションや目を引くトランジションが光る株式会社 welzo のウェブサイト
2023 年 01 月
- 干支にまつわるアート作品をテーマにした Hennessy と Yan Pei-Ming 氏のコラボ企画のウェブサイト
- WebGL のテクニックに関連したニュースレターとそれらをまとめた情報サイト Offscreen Canvas がおもしろい
- 美しくスムーズなトランジションとエフェクトのセンスが光る YOKAI’S RECORD のウェブサイト
- 水のような透明感と屈折表現が秀逸な Unseen Studio の実験作 WebGL Refraction がおもしろい
- プレイヤーの動きを同期しつつ夏の思い出をノスタルジックに描き出す Summer Afternoon がすごい
- アーティストをモチーフにしたアイテムを見つけ出すミニゲーム風の WebGL コンテンツ 1863 Tour が面白い
- ポストエフェクトも活用したインタラクティブなこだわり演出がおもしろい Aerial Explorers のウェブサイト
- 一見すると地味だけど…… たくさんのイラストとそのストローク情報を使った edding Wall of Fame がすごい
- モノクロで描かれるクラシカルな世界観が渋いインテリアデザインなどを手掛ける OFFFICE のウェブサイト
- 各種パラメータを操作することも可能なフォトリアル系 WebGL 実装! Unseen Studio の技術デモ WebGL Rain がすごい!
- 美しい写真が印象的に演出される彦根城に関連したプロジェクト Layered Omi のウェブサイト
- 海の中をイメージさせるさまざまな演出が秀逸な Rossinavi のスペシャルサイト Blue がおもしろい
- パーティクルを用いた表現と秀逸なインタラクションが魅力な株式会社IEGAOのコーポレートサイト
- 唯一にして無二の透明感に思わずため息がこぼれる Misaki Nakano さんが手掛ける mofu のウェブサイト
- 大量のクリエイティブコーディング作品が一堂に会する ikeryou さんのポートフォリオサイトがすごい!
- 光沢のある質感とダイナミックで躍動感のある表現がおもしろい株式会社RCIエージェンシーのコーポレートサイト
- シンプルな形状のオブジェクトなのに多種多様な表情を見せてくれる RICOH Digital Contents がすごい
- さまざまな個性で彩る新年早々に公開されていた WebGL 製の年賀コンテンツ
- Web 上での AR 体験を実現した SEIKO 提供の年賀コンテンツ! 希望のうさみくじがおもしろい
2022 年 12 月
- 螺旋を描くような回転運動がうまくコンテンツに溶け込んだ ICON Magazine の Khaby Lame スペシャルサイト
- 脇役に徹した WebGL の表現がウェブサイトの印象をぐっと引き上げる! 株式会社1002 のコーポレートサイト
- あらゆる領域のプロフェッショナルが練り上げた珠玉の逸品! 電通ランウェイのコーポレートサイトがすごい
- テクスチャを引き伸ばしたような独特な演出はシンプルなのに個性的! PROOF OF GUILD のウェブサイト
- esports チームの Karmine corp を応援できるファンのための WebGL コンテンツ Le Blue Wall
- WebGL を用いて美しさや荘厳さを見事に表現した KATSUAKI UTSUNOMIYA さんのポートフォリオサイト
- 自分たちらしさを追い求めこだわりを詰め込んだ株式会社スタジオディテイルズのコーポレートサイト
- 雪を手で払うようなインタラクションが独特な風合いを醸し出す Telkea group のスペシャルサイト
- 世界的にも有名なファッション・アート・デザインの大学 Istituto Marangoni の公式メタバースコンテンツ
- ありとあらゆる演出がリッチでエモーショナル! Unseen Studio のウェブサイトがすごい
- ある一瞬にだけ文字や模様が重なり合う不思議な表現が味わい深い! やまなしメディア芸術アワード ポータルサイト
- ド派手でエフェクトもモリモリなキービジュアルがめちゃくちゃかっこいい WILDLIFE のウェブサイト
- 質感重視の WebGL 実装と動画を上手に組み合わせた表現が秀逸な LaPrairie のデジタルショールーム
- ガラス製カプセルのような屈折を美しく表現した WebGL 実装がおもしろい Social House のウェブサイト
- シンプルな幾何学形状だけで多彩な情景を描き出す積水ハウスのスペシャルサイトがすごい
- 詳細までつぶさに観察可能でカスタマイザ機能やインテリアビューも備えた Peugeot のバーチャルショールーム
- スクエアを活用したデザインの 3D キャラクターや造形がおもしろい Byte Trading のウェブサイト
- リボンのようなオブジェクトが柔らかな独特の風合いを演出する CoverMyMeds のリクルートサイト
- 個性的でちょっとおかしな様々なインタラクティブ表現がふんだんに盛り込まれた Bornfight Studio のウェブサイト
- サイバーでアーティスティックな雰囲気を見事に体現した 3D シーンが楽しい Pixelynx のウェブサイト
2022 年 11 月
- 金属の質感をコントラストの強い陰影で見事に表現した Dr. Dabber のウェブサイト
- 丁寧に味付けされたモーションが見事なクリエイティブデベロッパー Cyd Stumpel さんのポートフォリオ
- あくまでもアクセントとして WebGL を使った演出でシーンを盛り上げる Rossinavi のスペシャルサイト
- できるだけ実物に近い質感を表現した陳列のための様々な道具を扱う Sourcinn のウェブサイト
- 統一感のあるコンセプトと先進性を感じさせるビジョンを描き出す TIER IV, Inc. サービスサイト
- まるでレンズによって歪められたかのような独特な表現がおもしろい Zes Nullen のウェブサイト
- 絵本のようなテイストが鮮やかに世界を彩るオレンジ不動産のスペシャルサイトが楽しい
- 独特な世界観を WebGL を使って見事に演出したコミュニティスペース MUTANT STAND のウェブサイト
- かなりボリュームのある本格的なインタラクティブ絵本を楽しめる The Magical Pantry が面白い
- 作り手の想いが見事に体現されたコーポレートサイトに思わず心奪われる株式会社寺田ニットのウェブサイト
- ド派手な 3D シーンが展開される Sprite の大迫力スペシャルサイト Hall of Zero Limits
- その世界観は唯一無二! クリエイティブデベロッパー Patrick Heintzmann さんのポートフォリオサイトがめちゃくちゃいい
- VFX に込められた並々ならぬ思いを作例と共に見事に体現した Space&Co. のウェブサイト
- 美しき名脇役として WebGL が背景を効果的に演出する しんみ歯科高田馬場 のウェブサイト
- WebGL と CSS フィルターを組み合わせたグリッチ表現がエモい Mika Pikazo 個展 REVENGE POP のウェブサイト
- サウジアラビアの都市計画を 3D で可視化して概要を知ることができる Masar Destination
- ただただひたすらに続く道を自由気ままに走り抜ける! 設定項目も豊富な slow roads がおもしろい
- アートの世界を徘徊するようで脳が混乱しそうになる Coach のウェブサイトがめちゃくちゃいい
- 完成度の高いミニゲームをプレイ可能な化粧品メーカー NARS のウェブサイトがすごい
- 数々の Panasonic 製品をリッチな 3D 表現でこれでもかと見せつける Panasonic Connect がすごすぎる
2022 年 10 月
- 点字のように手で触れてグラフィックスを体感できるデバイス Dot Pad のウェブサイトがすごい
- 白く輝く陶器のような質感と柔らかな動きのバランスがすてきな BizUp Agency のウェブサイト
- 世界中のプレイヤーとも対戦可能な PlayCanvas で作られたオンライン FPS ゲーム Venge がおもしろい
- うるおいやみずみずしさを感じさせる個性とリアリティを両立したエフェクトが見事な HA-LABO のウェブサイト
- 美しい建造物と植物たちをじっくり楽しめるアメリカ P&G のスペシャルサイト BeautySphere
- なんとも言えないポップな学園祭感! GIFT のインタラクティブなミュージックビデオがおもしろい
- 淀みが澄み、晴れ渡っていくような独特なトランジションが美しい株式会社 AKARI のウェブサイト
- 細部にまでトコトンこだわってオリジナルのポロシャツをデザインできる Lacoste の Draw It Yourself がすごい!
- とろけるような触り心地!? デザインスタジオ Resn が公開している WebGL デモ作品 Fun GUI がすごい
- ディストーションとモザイク・色収差の組み合わせで手触り抜群のインタラクションを実現した Haritos Constantinos さんのポートフォリオ
- まるで有機物のようにぬるりと動く壁紙の表現が面白い Wonderwall Studio のウェブサイト
- 反射と透過の微妙な質感を表現した WebGL 実装が面白い SOMA.finance のウェブサイト
- ウェブブラウザでも使えるコラボレーション機能を備えた 3D デザインツール Spline の物理演算デモが面白い
- Spine と three.js の合せ技でなまめかしく存在感を演出するフランスの作曲家 Andora さんのウェブサイト
- 技術面でも演出面でも見どころ満載のハイエンドな WebGL 実装が素晴らしい Junni のウェブサイト
- WebGL を使った表現とそうでない表現との見分けがつかない風工学研究所のコーポレートサイトがすごい!
- キービジュアルの雰囲気を WebGL を利用して見事に再現した株式会社AtomsWorld のコーポレートサイト
- インタラクティブ性や構図にもさまざまな工夫が凝らされた Giulio Collesei さんのポートフォリオ
- まるでたくさんのフィルム写真が舞っているかのような見せ方がおもしろい Ariel Malka さんのポートフォリオ
- 独自にデザインされたバーチャル空間を BGM とともに楽しむ A Number From the Ghost
2022 年 09 月
- 独自の視点で自分だけの世界を再構築するインタラクティブな WebGL コンテンツ The Female Gaze
- SPARQ のウェブサイトに見るあえて色の塗られていないボディで表現する珍しい WebGL 実装
- 賑やかな和楽器の演奏に合わせて背景がダイナミックに変化! 隅田川道中のウェブサイト
- 選択できるオプションの豊富さに驚かされる PlayCanvas 製ロードバイクのカスタマイザがすごい
- 完全なネタ作品かと思いきや細かいところまで丁寧に実装されている Design the next iPhone
- キービジュアルからシームレスに切れ目なく続く見せ方が独特な Alain Tai さんのポートフォリオサイト
- 広大な仮想世界でゲームをしたり知識を深めたり…… Coastal World の完成度がエグすぎる
- リッチな 3D 表現と軽快で楽しく閲覧できるフロントエンドのデザイン・実装が素晴らしい WONDERLAND のウェブサイト
- ウェブ表現に応用するも良し、数学的視点で深掘りするも良し! GLSL スクール 2022 開催します
- パーティクルを用いた多彩な表現でシーンをさりげなく演出した株式会社10X のコーポレートサイト
- インタラクティブにアバターが変化するような表現が面白い AI model INC. のウェブサイト
- 空間的な広がりを感じるデザインにインタラクティブな演出が融合した enndaruma inc. のウェブサイト
- three.js をベースに機能を拡張しフォトリアルな質感を追求した WebGi がすごい
- オプション豊富で外装はもちろん内装も細部までしっかり作り込まれた Volkswagen 3D Showroom
- Unity Editor で作業した結果を three.js で動作するウェブアプリにエクスポートする Needle Tools がすごい
- ウォール・ストリート・ジャーナルの発行元 Dow Jones の VR モードも備えたデジタルアートギャラリー Iconic Mints
- スマートフォンで AR アプリケーションとしても楽しめる Le Jardin Extraordinaire がおもしろい
- シンプルでシックな雰囲気ながら個性はしっかり主張を感じる RYO IRAGO さんのポートフォリオ
- 食材を小さなポリゴンの集合で表現! 貝印のやさしい切りかた辞典は触って楽しいウェブサイト
- インタラクティブ性を強く意識した驚きと発見を楽しめる Fleava のウェブサイト
2022 年 08 月
- 完成度の高い 3D シーンが軽快に動作する Panasonic の電気設備BOX スペシャルサイト
- WebGL 実装もそうでない部分も工夫がいっぱいの Dgrees Studio のウェブサイトが楽しい
- 画像を美しくなめらかに描画する WebGL 実装が見事な Camille Mormal さんのポートフォリオサイト
- ブランドの世界観をひとつの 3D 空間にギュッと詰め込んだ DIORIVIERA スペシャルサイト
- 仮想のマジックボトルをテーマにした WebGL 製ショーケース! Awwwards と estudio/nk のコラボレーション企画
- ダイナミックなフォントの使い方や WebGL との組み合わせが面白い Bao Society のウェブサイト
- シンプルに、ただ純粋にかっこいいと感じさせるグリッチ表現! サンテFX のスペシャルサイト
- パーティクルを用いた多彩で緻密な表現に思わず目を奪われる Star Atlas のティザーサイト
- たくさんの WebGL 実装例を見ることができる Nemutas さんのポートフォリオサイトが面白い
- 2D や 3D はもちろん ray marching の実装例も面白い Michal Zalobny さんのポートフォリオサイト
- ほんのわずかな WebGL による味付けがサイト全体の雰囲気を強力に押し上げる RIP ACE SOCCER CLUB のウェブサイト
- A-Frame で構築されたバーチャル空間を自由に歩き回ることができる渋谷区宮下公園のウェブサイト
- 背景のインタラクティブな変化や波打つラベルの表現が面白い Contra のウェブサイト
- モーションブラーのような効果がスピード感や臨場感を見事に演出する OBLIO のウェブサイト
- ベルトコンベアの上をアバターたちが流れてくるオモシロ演出 BreederDAO のウェブサイト
- ミニゲームクリアで風景が変わるなど仕込みがおもしろい Unity 製の WebGL コンテンツ MSQ VIRTUAL SHOWROOM
- 光が漏れ出すようなブルーム表現を上手に活用した明暗の表現が面白い Niftypays のウェブサイト
- 充実のコンテンツに思わず驚愕する Hennessy のスペシャルコンテンツ House of Moves がすごい!
- 質感にもインタラクティブ性にも極限までこだわった MSI のゲーミングギア・スペシャルサイト
- 色収差のような効果を上手に利用した表現が面白い UNFUR Project のウェブサイト
2022 年 07 月
- 触って楽しい作例が大量に掲載されている Leeroy が手掛けた The Playground がすごい
- インタラクティブな変形や RGB ディストーションエフェクトが美しい Varex Imaging のウェブサイト
- 再生される動画が残像のように残る独特なエフェクトが面白いクリエイティブスタジオ Gentilhomme のウェブサイト
- 雰囲気満点の 3D 表現されたクラウンが存在感を醸し出す Reign のウェブサイト
- 輝く光や流れる星々を見事に表現した WebGL 演出が雰囲気を盛り上げる! スターガーディアン 2022 のウェブサイト
- ブラー効果を使った演出が面白い Gideon Shujaa さんの F1 カーをテーマにした実験作
- WebGL で実装された風にたなびく布の質感が素晴らしい西山製麺のドイツ法人サイト
- 収益が子どもたちのために寄付されるオンラインのセミナーコース Unleashing your Best のウェブサイト
- WebGL の 3D 表現を用いて分子の構造を表現した Peptone のコーポレートサイト
- ゆったり雲の合間を飛んでいく飛行機が美しい……航空業界にまつわるエピソードを集めた ATMOS
- レールをつなげて自分だけのオリジナルのコースを作って遊べる Choo-Choo World がめちゃくちゃ楽しい!
- WebGL をフル活用したアブストラクトでサイバーな雰囲気作りが秀逸な Gleec のウェブサイト
- David Bowie の楽屋にこっそり潜入!? Adobe が提供する WebGL 製インタラクティブコンテンツがすごい!
- 生々しく蠢くクリーチャーの姿を WebGL で表現した Lusion のアートワーク Mind Flayer がエグい
- 地球儀を描画する WebGL 実装とシンプルなデザインが見事なバランスで組み合わされた Seek のウェブサイト
- いくつかの選択肢をもとにオリジナルアバターを作成できる adidas Ozworld のウェブサイト
- 人類の月面着陸をテーマにした WebGL 製インタラクティブコンテンツ The Leap For Mankind がおもしろい
- 平面と立体の組み合わせが多彩な場面を演出するシンガーソングライター SIRUP のウェブサイト
- いまだかつて誰も見たことのない未来と世界を体現させた KUBOTA FUTURE CUBE がすごい
- 短冊状のオブジェクトの動きで疾走感や爽快感を見事に表現した株式会社オロのウェブサイト
2022 年 06 月
- 地形破壊などの効果も楽しいシンプルな 3D のシューティングゲーム実装 shooty がおもしろい
- PlayCanvas を使って作られたストーリー仕立ての WebGL 実装が最高かわいい!
- 他では見たことのない表現がおもしろい! ポルトガル料理をプロモーションする Amuse-Bouche のウェブサイト
- カーソルをホバーさせた瞬間に表情が一変する WebGL 実装がおもしろい EQT Ventures のウェブサイト
- ポップな可愛らしさとエッジの利いたかっこよさが見事に共存する Hisami Kurita さんのポートフォリオ
- インクがにじむようなエフェクトとモノクロ化を組み合わせた個性的な演出が光る Liron Moran Interiors のウェブサイト
- WebGL 表現がこれほど全面に出ているケースは珍しい? estudio/nk のウェブサイトがおもしろい!
- ただ派手なだけではない独自性のある表現に思わず心奪われる Jorge Toloza さんのポートフォリオサイト
- 流れるような滑らかでシームレスな表現が見事な Un jour un dessin のウェブサイト
- 演出がこれでもかと盛り込まれたタロットカードをテーマにした YouTube のスペシャルサイト
- 有機質と無機質のハイブリッドな質感が面白い Cobo のウェブサイトに見るメタボール表現
- ミステリアスでエキゾチック! 怪しいサーカス団のテントに迷い込んだような SRETKS さんのポートフォリオサイト
- 3D から 2D まで多彩で豊富な WebGL のユースケースが詰まった Numéro.8 のウェブサイト
- SVG と WebGL を駆使した動きの表現が秀逸! インテリアデザインスタジオ THE TRIANGLE.JP のウェブサイト
- WebGL を活用して和紙のような質感や濃淡を見事に再現! 八 by PRESS BUTTER SAND のウェブサイト
- 技術ブログで制作秘話も公開予定! 遊び心ある仕込みも楽しい チャレンジ石垣島 のウェブサイト
- イラスト表現やチラシのような表現に WebGL を利用したアイスランドにあるカフェ・バーの Anna Jóna ウェブサイト
- サイト全体のデザインとマッチした 3D シーンがなんとも言えない空気感を演出する basement のウェブサイト
- シリアで起こっていることをインタラクティブなイラスト表現と音声で克明に描写した Zendetta がすごい
- 大量の事例を手掛けた実績が一堂に会する建築デザイン事務所 CLOU architects のウェブサイト
- 布が張り付いたような質感が面白い! アートとデザインをテーマとする展覧会のウェブサイト
- WebGL 実装がウェブサイトのなかにうまく溶け込んで一体となっている Refokus のウェブサイト
2022 年 05 月
- 輝くオーパーツのような雰囲気を上手に演出したド派手な WebGL 実装が眩しい METACRAFTERS のウェブサイト
- 透明なアバターが華々しくシーンを彩る Lusion の実験作 An infinite fashion show がすごい
- 優しいグラデーションと柔らかい感触の 3D インタラクションが面白い off brand. のウェブサイト
- ネオンのような光が煌々と輝く美しい質感の 3DCG が素晴らしい YouMeme のウェブサイト
- 一風変わった様々な遊び心あふれる演出が面白い Erin Wesley さんのポートフォリオサイト
- GitHub のコントリビューションを 3D で可視化し STL のダウンロードも可能な GitHub Skyline
- たくさんのスプライトがインタラクティブに画面を彩る! 立命館先進研究アカデミー RARA のウェブサイト
- ゲームや映画の CG 映像とも違う「ウェブにおける 3D 表現の極致」を見せつけられる 601 inc. のウェブサイト
- 三次元空間に立体的に事例が配置されたインタラクティブ性も高い Robin Payot さんのポートフォリオ
- 縦横無尽に要素が動くインタラクティブな新聞を見ているような感覚が素晴らしい Longines のウェブサイト
- 自分自身を振り返ることができる Media.Monks が公開している共感性に関する体験型コンテンツ
- 相変わらずのクオリティでハイエンドなユースケースを示してくれる Lusion のスピーカー製品をテーマにした技術デモ
- あえて印影付けされていない質感と柔らかいモーションが素晴らしい POLA 新聞広告のウェブサイト
- WebGL を利用したリッチなトランジションエフェクトが優しい空気感を演出する ISURU のウェブサイト
- 他に類を見ない独自のインタラクティブ表現やトランジションに目を奪われる gradation, Inc. のウェブサイト
- あまり見たことのない不思議な表現の CG が面白い雰囲気を醸し出す Fliptech のコーポレートサイト
- ゴッドレイや霧のような表現が光の質感を上手に表現している Morningstar Ventures のウェブサイト
- WebGL のフロントエンドだけでなく Unity 製の 3D アプリも楽しめる NESTING のウェブサイト
- 引き伸ばされるような独特な演出と個性的なデザインが光る Victor Work さんのポートフォリオサイト
2022 年 04 月
- 画像をあえて WebGL で描画することで滑らかなトランジションを実現した写真家 Guillaume Tomasi さんのポートフォリオ
- ノイズを用いた表現が作品の雰囲気にも見事にマッチ! ドルチェ&ガッバーナ × 呪術廻戦 のスペシャルサイト
- 柔らかくたわむような独特な触り心地を WebGL を使って巧みに表現した Jantana Hennard さんのポートフォリオサイト
- 電子レンジが飛び跳ね燃える! 白熱のリーダーボードも楽しい MicroWaver 59 が面白い
- ストリートファッションに身を包んだ Ape が生き生きと闊歩する HAPE PRIME のウェブサイト
- CG としての品質も資料としての面白さも頭一つ抜きん出た完成度! Persepolis Reimagined がすごい!
- 画像切り替えのトランジションとスムーズに調整されたアニメーションが見事な Howdy Design Family のウェブサイト
- 複数の Canvas や CSS を活用した様々な表現を上手に組み合わせた BABYMETAL | THE OTHER ONE のウェブサイト
- メタボールのような表現が柔らかくサイト全体を彩る TIER IV, Inc. のコーポレートサイト
- フランスの飲料用天然水として有名な evian が公開した WebGL 製デジタルミュージアム(ただし跡地)
- 弾けるアニメーションや物理演算を用いたリアルな挙動が面白い Arno Di Nunzio さんのポートフォリオ
- ワイヤーフレームとパーティクルを組み合わせた演出が面白いクリエイティブ・デベロッパー Simon さんのポートフォリオ
- ブラーを活用した表現が新しい可能性を感じさせるギリシャのスタジオ Yeti のウェブサイト
- 質感重視でリアリティあふれるレンダリングが美しい! イベント設営の True Staging のウェブサイト
- 複数の canvas が織りなす多層的な演出と一体感! まくらのキタムラ のコーポレートサイトがすごい!
- ちょっと味濃いめの絵本のような不思議なイラストが強烈……! とある宗教家のウェブサイト
- モーションブラー効果やジオメトリの変形が生み出す視覚効果が面白い Kenichi Aikawa さんのポートフォリオ
- こりゃ久々にやり過ぎ案件…… Netflix の The Witcher スペシャルサイトが素晴らしい完成度
- インタラクティブ性のある淡いグラデーションを用いた背景演出が面白い Demophorius のウェブサイト
- WebGL で表現された 3D キャラクターが圧倒的な存在感を醸し出す RTFKT のウェブサイト
2022 年 03 月
- メタボール風なシルエットに水滴のような質感がおもしろい ThoughtLab のウェブサイトがすごい
- 不思議な質感の環境マッピングでギラギラ質感を表現したフランスのスケートボーディングチーム TLZ のウェブサイト
- グリッチ表現やノイズを使った掠れるような表現がホログラムっぽい質感を演出する MetaClash のウェブサイト
- 大きめのフォントを活用した大胆なレイアウトと爽快感のあるアニメーションが見事な Filippo Bello さんのポートフォリオ
- 文字も画像もスイスイ動くインタラクティブな WebGL コンテンツ 365 A Year of Cartier がすごい!
- 今年のテーマはアウトプット! WebGL スクール第9期の募集をはじめます(リモート開催)
- 巨大な建造物の存在感とシェーダによるエフェクト表現が面白い! 高松伸建築設計事務所のウェブサイト
- 文字の描画やワイヤーフレームを使った表現が素晴らしい TMI総合法律事務所のリクルートサイト
- Next.js と React-Three-Fiber で構築されたウェブベースのメタバースの形を模索する Sougen がすごい!
- シンプルだからこそ熱い! レーシングゲームを楽しめる Montblanc のスペシャルサイト The Race
- パーティクルを利用して様々なシーンを描画するボリューム満点のコンテンツが面白い L’Atelier のウェブサイト
- 勢いが強いほど大きく湾曲するスクロールエフェクトなどこだわりの詰まった Silvia Sguotti さんのポートフォリオサイト
- オンラインで文学作品やアート作品を展示する取り組み Neondoor のウェブサイト
- 水の表現など細部にまで質感にこだわったビジュアルがおもしろい ExxonMobil のスペシャルサイト
- プリレンダリングの CG の質感に WebGL でどこまで近づけられるか? NIKE の子供向けキャンペーンサイト
- ノイズによる揺らぎの表現が金属を精製する過程を想起させる The Golden Link のウェブサイト
- 写真を印象的に見せるための各種ディストーション演出がおもしろい Julia Vlasova さんのポートフォリオサイト
- CSS も活用し立体的・空間的な広がりを表現した演出が面白い Alts Digital のウェブサイト
- WebGL を利用したバリエーション豊かな演出方法はいずれも秀逸! Brother工業株式会社の関連サイト
- CG としての完成度が高く見る者を圧倒する迫力を感じさせる Fenestrated Screw System のウェブサイト
- Mobiquity 社の10年間の世界各地での活動や実績を振り返る Mobiquity Milestones
- 鍵を印象的に利用したクラシカルで洗練された雰囲気が素晴らしい映画 House of Gucci のスペシャルサイト
2022 年 02 月
- 自身のスキルをウェブサイトをそのまま利用して上手に表現! Christopher Cherupil さんのポートフォリオサイト
- 薄暗く不気味さ漂うジャングルの雰囲気が見事な E-MarketTown のプロモーションサイト
- WebGL と CSS とをバランス良く組み合わせた立体表現がおもしろい EngineShop のウェブサイト
- キューブを用いたあまり他では見たことのない独特な表現が面白い PerimeterWatch のコーポレートサイト
- ノイズを活用した表現のバリエーションを感じられる Doja Cat のアルバムプロモーションサイト
- 高い品質で描かれる CG がお見事! バーチャル空間でアートを楽しむ Magical Reflections が面白い
- AI をテーマに人間の脳をイメージさせる CG 表現が美しい Alibaba Cloud Neuro-Symbolic Lab のウェブサイト
- 流体表現と 3D ジオメトリによる表現とがうまく組み合わされた Advanced Team のコーポレートサイト
- ポップで可愛らしい雰囲気に目を疑うほどの技術力とセンスが融合! Garden Eight のコーポレートサイト
- ソースコードやブログの記事も公開されている Georgi Nikolov さんの TypeScript 製ポートフォリオサイト
- ゲーム系アワードの表彰式をバーチャル空間で視聴することができた The Game Awards Microverse のウェブサイト
- 東京から世界へ飛躍するクリエイティブスタジオ monopo の saigon スタジオのウェブサイト
- 美しい写真が織りなす落ち着いた世界観に思わず見入ってしまう Nathan Riley さんのポートフォリオサイト
- キービジュアルを WebGL を使って見事に再現しリアルタイムに描画する Renxa 株式会社のコーポレートサイト
- インテリアやキッチン設備などを 3D 表示するサービス pikcells の技術デモ Zephyr が面白い
- ファッションとアートをウェブアプリケーションによって相互につないで情報を整理・可視化する soot
- バーチャルアシスタントが登場しアテンドしてくれる Charaf Eddine さんの面白いポートフォリオサイト
- 街の裏路地のような 3D シーンが不思議な雰囲気を演出する SYNDIKAT7 のウェブサイト
2022 年 01 月
- 横方向にスクロールするレイアウトが独特な雰囲気を醸し出す Henri Heymans さんのポートフォリオサイト
- 研ぎ澄まされ削ぎ落とされたシンプルさに思わず息を呑む Keita Yamada 氏のポートフォリオサイト
- Unity で制作した箱庭系 AR・VR ツールをウェブブラウザ向けにビルドした Castle Builder が面白い
- 3つの都市をテーマに美しいネオンカラーで可視化した Lusion の技術デモ作品 Digital City
- リッチな 3D シーンが次々に現れる OHZI Interactive のハイエンドなコーポレートサイトがすごい!
- パーティクルやラインを使った表現が秀逸! AI やデータサイエンスの領域を加速させる ESTYLE,Inc. のウェブサイト
- 水の流れるような質感も見事! Lusion のウェブ実験作の1つ Small world がおもしろい
- GitHub でソースコードも公開されている数学に関する知識を共有するための取り組み Maath プロジェクト
- GPGPU で大量のオブジェクトが渦を巻く! Arno Di Nunzio さんが公開されている WebGL 技術デモがすごい!
- たくさんのウィンドウが並べられたような独特なインターフェースが面白い Alec Babala さんのポートフォリオサイト
- 1つの美術館がそのままブラウザ上に再現された Ruinart の The Unconventional Gallery がすごい
- WebGL をガッツリ利用して多彩なエフェクトやダイナミックなシーン遷移を演出する BiSH iS OVER! 特設サイトがすごい!
- 有名ファッションブランド Gucci の WebGL 製ミニゲームを実装した販促サイトがおもしろい
- たくさんのスプライトを使って自然界に息づく生き物たちを表現した Trees for Life がおもしろい
- 屈折するような表現やブラーが美しくシーンを彩る! ブラジルで展開されている InfinitePay のウェブサイト
- そんなところまで CSS で作り込むの!? 逆に WebGL を使ってないのがすごい L’Atelier のウェブサイト
- コンテンツの量も質も半端ない! 資料としての価値も高い Xbox Museum がとてつもない完成度
- boid のようなオブジェクトとモーションブラーのような表現が面白い ikeryou さんの WebGL 実装
- 今年はサプライズなお知らせと共に公開された unshift の年賀コンテンツが見事な出来栄え
2021 年 12 月
- 独特な雰囲気は今回も健在! デザイナーズ・インテリアなどを扱う moooi のウェブサイト Paper Play
- SF やファンタジーを連想させる光と闇のコントラストが見事な Totem のウェブサイトがおもしろい
- 開発とデザインの間にある様々なつながりを可視化するアプローチがおもしろい Connections.
- ウェブブラウザ上で化粧品の柔らかさや伸びの良さを疑似体験! 花王のテクスチャシミュレータがマジですごい!
- まるで映像のワンカットのような個性的なイントロ演出が見事な The Andrei Sakharov Museum
- クリスタルの質感も見事な Louis Vuitton の生誕 200 年を記念したインタラクティブ WebGL 製コンテンツ
- PlayCanvas で作られた投資信託ファンドが提供するお金についてしっかり学べるオンライン教材が面白い
- 独自のコンセプトが色濃く現れたかなり変わったオリジナル EC サイト ARE YOU OKOK? が面白い
- 独自の軽量 WebGL ライブラリを用いた実装で軽快動作! 株式会社 ACSL のスペシャルサイト
- パーティクルやネオンのようなライン描画で重厚な世界観を描く BlueYard Capital のウェブサイト
- Gobelins のワークショップで公開されたブラウザ上で動作するシーケンサーアプリ Vortex
- 全天球を活用してショップの様子を見せる 1700 年代から続く伝統の高級宝石ブランド Chaumet のウェブサイト
- 扱っている製品同様の遊び心あふれるいろいろな仕込みが楽しい Ferro 13 のウェブサイト
- まるでプリズムのキューブのような美しい質感に酔いしれる Vivid+Co のコーポレートサイト
- ゲームとアートの中間のような独特なテイストが人気の Townscaper に WebGL 製のデモ版が登場!
- インタラクティブなイラストレーションが軽快に動作する Victoire Douy さんのポートフォリオサイト
- 多種多様な視覚効果で印象深いグラフィックスが見事な株式会社データグリッドのウェブサイト
- モザイクを使った斬新な演出がめちゃくちゃ渋い! Constantinos Haritos さんのポートフォリオ
- オンラインゲームの舞台を雰囲気満点のマップで表現した New World の WebGL 実装サイトが面白い
- 絵本のような手描き風イラストと WebGL を用いた 3D 表現が融合した de Bijenkorf のスペシャルサイト
- Lusion が手掛ける被写界深度エフェクトやブルームエフェクトを駆使したリアル志向 WebGL デモ作品 GEMINI
2021 年 11 月
- 暗号資産で名前を知られる Ripple が WebGL を使ってアート作品を 3D 化したギャラリーサイトが公開中
- ドバイの World Expo をブラウザ上で表現した Virtual expo がコンテンツも豊富でおもしろい
- まるで水滴のような表現が美しく WebGL 実装以外のデザイン性も高い Atrezzo のウェブサイト
- いわゆる NFT を利用してバーチャル空間上にクラフト可能な島を所有することもできる Ariteila が面白い
- いくつかの表現をブラウザ上で体験できるようにした Marina Abramović 監修の WebGL 作品 Traces
- 三角錐の形をした特徴的なパーティクルが作り出す世界観がおもしろい Dala のコーポレートサイト
- まるでタブ型 UI のように角丸の矩形を上手に使った表現が面白い Creative Nights のウェブサイト
- 広大な敷地と多彩な施設を備えたロシアの商業施設 Skolkovo park のウェブサイトがおもしろい
- レンズ越しに日本語訳の文章が見えるという個性的な演出も面白い monopo london のコーポレートサイト
- まるで実際に紙や写真を動かしているかのような空間演出が面白い Thomas Monavon さんのポートフォリオサイト
- ハードカバーの表紙の手触りを見事に再現した美しい WebGL 実装 Stripe Press のウェブサイト
- 美しい動画や写真を個性的なトランジションで魅力的に演出! オフィス12 のウェブサイト
- Wikipedia からデータを収集して可視化する歴史のタイムラインコンテンツ! Histography がおもしろい
- 大量の 3D オブジェクトが登場するボリューム満点のコンテンツ! Blue Marine Foundation のウェブサイト
- あらゆるものに対する心づかいが伝わってくる化粧品メーカー POLA のスペシャルサイトが素晴らしい手触り
- WebGL ベースであらゆるオブジェクトがスイスイ動く! kirifuda inc. のコーポレートサイトがすごい!
- まるで絵本のような風合いに様々な技術を組み合わせた WebGL コンテンツ My Little Storybook がすごい!
- 見る人が見れば驚くポイントが無数に見つかる完成度! Shapefarm のコーポレートサイトの完成度がエグすぎる
- 個性的な作品たちが 3D モデル化されて躍動する! Ryo Hashimoto さんのポートフォリオサイトがすごい
- まるで油彩用の絵の具が融け合うようなアブストラクトな表現がおもしろい Mash のウェブサイト
2021 年 10 月
- 多数のデジタル作品を所蔵している PlayCanvas で作られた未来のデジタルミュージアム The Crypt を散策しよう
- ノイズによる揺らぎ表現がおもしろい開発者・UI/UX デザイナー eumRay さんのポートフォリオ
- まるで水彩のようなエフェクトが随所に凝らされた山水画風のインタラクティブ WebGL コンテンツの完成度がすごい!
- 漢字を利用した独特なデザインがいかにもな雰囲気を醸し出す Nam Cung のウェブサイト
- 悪意のあるハッカー集団のデータベースを WebGL で装飾した APTs & Adversary Groups List がおもしろい
- 画像や写真を丁寧に描画することで心地よい手触りを生み出す Igor Veremsky さんのポートフォリオサイト
- まるでゲームのような作り込まれた 3D シーンが圧倒的迫力で迫る Artistans d’idées のウェブサイト
- マウスカーソルの位置に応じた波紋エフェクトが美しい Panasonic Design のウェブサイト
- ベイクしたテクスチャで高品質に仕上げた箱庭的 WebGL がめちゃくちゃおもしろい Leroy merlin のウェブサイト
- シェーダを使ったディストーションエフェクトがおもしろい Rupert & Rothschild のウェブサイト
- パーティクルを様々な形で演出に利用している WebGL 実装がおもしろい DNA CAPITAL のウェブサイト
- ネイチャーメイドが誕生から 50 周年! 歴史やこだわりを感じるスペシャルサイトが公開中
- ギターやベースをオリジナルデザインで注文できる WebGL 製カスタマイザ実装 Fender Mod Shop
- あらゆる場面で手作り的な温もりが感じられるクリエイティブプロダクション hyogen のウェブサイト
- 3D 表現を効果的に組み合わせ映像作品のような構成で仕上げた OVERA Inc. のコーポレートサイト
- ドットを利用した表現が秀逸! 化粧品製造のプロセスをサポートする J-Beauty Technology Platform のウェブサイト
- UV を操作することで生まれる視差効果を上手に活用! ファンファーレ株式会社のコーポレートサイト
- 世界各地の都市をイメージした 3D 空間が圧巻! Moncler が開催したイベントの特設サイト
- 高品質・ハイレベルな WebGL 作品が多数掲載されている Marco Del Valle さんのポートフォリオサイトがすごい!
- 単なるバウンス演出ではないちょっとした工夫がおもしろい! オツモ株式会社のコーポレートサイト
- インタラクティブ性の高さと見事な 3D 表現に目を奪われる! クリエイティブスタジオ Utsubo のウェブサイト
2021 年 09 月
- 透明なビンの内側までこだわって作りこまれた WebGL 実装がおもしろい Principio のウェブサイト
- GLSL の基礎から応用、数学、TouchDesigner での活用などなど…… GLSL スクール 2021 募集開始!
- Lusion が公開している大量の群衆がヌルヌルと滑らかにうごめく驚きの WebGL 実装 Abduction がすごい!
- ポイントクラウドで屋久島の風景を再現した WebGL 実装が静かに佇む YAKUSHIMA TREASURE ANOTHER LIVE
- 美しい CG で描き出されるインタラクティブな絵本作品 Black Dog が素晴らしい
- パーティクルが乱舞する物量勝負の世界観! 無限に広がる宇宙を旅する WebGL 製ゲーム作品 Across The Multiverse
- アップロードした画像が勝手に動き出す…… 個性的なコンテンツが素晴らしい Reminiscence のスペシャルサイト
- 妙にリアルな波打つ動きが生み出す独特な手触り感! NEWoMan SHINJUKU 2021 のキャンペーンサイトがすごい
- 動画を見させられていたはずなのに!? あまりに自然に WebGL 描画モードに切り替わる不思議実装
- モバイルゲーム開発を行う Madbox のウェブサイトはゲームの中の世界のように遊び心満点!
- UV ディストーションによるリップルエフェクトなど見どころ満載な Leonid Kostetskyi さんのポートフォリオ
- 布が波打つような表現など柔らかなインタラクションが面白い Alexandre Frison de Isla さんのポートフォリオ
- BMW が提供するリアルタイムにコミュニケーション可能な仮想世界をブラウザで体験しよう! Joytopia がおもしろい!
- ノイズを使ったディストーションエフェクトがどこかミステリアスな雰囲気を醸し出す……鈴虫寺 開山三百年特設サイト
- まるで天に向かって伸び続ける蔦のような WebGL 表現が見事な株式会社x garden のコーポレートサイト
- 視覚からも聴覚からも力強く訴えかけてくる日本ペイント主催 Asia Young Designer Award のウェブサイト
- まるでゲームのインターフェースのようなフル CG がおもしろい Loïc Belaïd-Remesal さんのポートフォリオサイト
- 物理や数学の深い知識が得られる Bartosz Ciechanowski さんのインタラクティブ・ブログがめちゃくちゃすごい!
- Pixi.js を利用して仏閣の独特な静謐さをウェブ上で見事に表現した実相山 正覚寺のウェブサイト
- three.js で実装された 3D シーンが連動するウェブシンセサイザー&ビジュアライザー実装 SynthFlow が面白い
2021 年 08 月
- ミニゲームや隠し要素など随所にファンを楽しませる工夫が見られるスペシャルサイト FanZone36
- CSS のブラー表現やロール紙を広げるような演出も楽しい Etienne Barbedette さんのポートフォリオサイト
- 当サイトでもすっかりおなじみの WebGL 使い ikeryou(池田亮)さんが代表を務める devdev Inc. のウェブサイト
- シェーダを使った多彩な表現を楽しむことができる Noriaki Yamada さんのポートフォリオサイトが面白い
- 再生可能エネルギー事業を手掛けるフランスの企業 EDF が企画した Electric Days のウェブサイト
- Wordpress 向けのプラグインやテンプレートを扱う Slider Revolution のコンテンツが侮れない完成度でびっくり
- 全天球ビューや背景を WebGL で処理するリッチなビジュアルが魅力なファッション誌 Vogue のスペシャルサイト
- グリッチがバリバリでかっこいい! 今年で25周年を迎えるインターネットに関する賞 Webby Awards のウェブサイト
- Mac 用のデスクトップアプリなどで有名な Panic がリリース予定の携帯ゲーム機 Playdate のウェブサイト
- WebGL 製のハイエンドなポートフォリオサイトで知られる Bruno Simon 氏の技術デモ Woodkid Volcano Robot
- ファンタジーの世界観を多彩なギミックで楽しく見せてくれる Netflix のスペシャルサイトが面白い
- キットカットのオリジナル・アソートセットを作ることができるブラジル版のリッチな EC サイトが面白い
- 流れるようになめらかに! すべてのものが目まぐるしく動き回る Simon Daufresne さんのポートフォリオサイト
- Median cut の仕組みをわかりやすく理解できる Visualize color reduction がめちゃくちゃおもしろい
- トゥーンレンダリング風の質感で 3D のインタラクティブ・ウェブコミックを実現する 3DComics がすごい
- 【訂正あり】Pixi.js を使って二次元のイラストを生き生きと動かすおもしろ実装 hololive ERROR のウェブサイト
- Google が公開しているショッピング関連のおもしろいスペシャルサイト Best Things の WebGL 実装
- 布や紙のような平面のオブジェクトを使った表現が秀逸! ハンドメイドジュエリーを扱う Floema Jewelry のウェブサイト
- 花を象徴とした 3D モデルが登場する Hulu の LGBTQ+ にまつわるキャンペーンサイト
- 写真を様々な形に変形・加工する演出がおもしろい Nike のスペシャルサイト Often がすごい!
- 美しいフォントとグラデーションが織りなすおしゃれで洗練された世界観! Vita Architecture のウェブサイト
2021 年 07 月
- 日本でも普通に手に入れることができるスキンケア商品 The Body Shop の Body Butter のウェブサイト
- ゆったりノイズ変形エフェクトがおもしろい傘の再利用製品を扱う Anti のウェブサイト
- 金箔が世界に敷き詰められていくかのようなド派手な演出がおもしろい Rémy Martin のウェブサイト
- まるでイラストがそのまま立体化したかのような 3D ビューが面白い Weleda Open Garden のウェブサイト
- あまりの完成度に目が点に……Variable fonts のような動的な形状変化が素晴らしい DILLINGER のウェブサイト
- 金属の反射が美しくインタラクティブ性にも優れた CG が見事な The State of Independence Report 2021 が面白い
- 世界で最も有名な AI と言っても過言ではない? IBM の Watson がテーマになったスペシャルサイトが面白い
- 自然素材由来でありながら抗酸化の効果も高いコーヒーカプセル Zero Impact のウェブサイト
- すべてがモノクロだからこそ滲み出してくる迫力とリアリティが素晴らしい Gabriel Cuallado のウェブサイト
- インタラクティブに筆で絵の具を塗り重ねるような質感を WebGL を使って描く THIRD のウェブサイトが面白い
- ディストーションエフェクトで雰囲気作り! リラクゼーションのための和製 CBD オイルブランド Freyia のウェブサイト
- lo-th 氏が開発している three.js 用物理エンジン Phy のデモページが永遠に遊んでいられる面白さ
- リアル志向の CG だけど驚くほど軽快動作! Lamborghini Huracán STO のスペシャルサイト
- 多くの人が WebGL を知るキッカケを作ってきた homunculus Inc. のウェブサイトがエグい完成度でフルリニューアル!
- WebGL 総本山の更新 2,000 回に寄せて
- 幻想的で美しい音楽を凄まじい粒度で可視化するオーディオビジュアライザ! 作曲家 Ayako Taniguchi さんのウェブサイト
- Pixi.js を使って表現されたアートな独自の世界観がおもしろい Moooi のウェブサイト
- オンラインで行うデジタルイベントの開催を支援する3社共同プロジェクト Motley Crowd のウェブサイト
- 透明感のある写真素材の魅力を引き立てる WebGL エフェクトが見事な 8 THE THALASSO u のウェブサイト
- あらゆる場面がシームレスかつ滑らかにつながる世界観がすごい! Aristide Benoist さんのポートフォリオ
2021 年 06 月
- 多彩な動き、多彩な形、インタラクティブに変化するゲートで表現する USEN-NEXT GROUP リクルートサイト
- 素材の魅力を損なわないデザイン・インタラクションが秀逸! NY に工房を構える Matthew Fisher のウェブサイト
- 視差効果のついた WebGL エフェクトと自然を撮影した美しい画像が素晴らしい Niarra のウェブサイト
- 大戦中にやりとりされた無数の手紙をテーマにした仄暗く重厚な WebGL 実装 The Endless Letter
- SVG も活用しつつピンポイントでインパクトの強い WebGL 演出を盛り込んだ The Ocean Agency のウェブサイト
- 人間と自然とのつながりを美しいイラストと WebGL を使って表現した Wayfinder の完成度が素晴らしい
- ドット模様や色反転を駆使したデザインで個性を演出! showdot Group のウェブサイトがかっこいい
- かつてこれほどまでに Curl noise を使った作品があっただろうか…… WSJ 提供の The Field がすごい!
- 科学的な印象の WebGL デモが美しい! カリフォルニア州バークリーに建設予定の商業施設のウェブサイト
- スクロール連動などアニメーション制御が自然ですごい! トータルプロパティネットワーク株式会社のウェブサイト
- 複数の効果を組み合わせて演出することで劇的に質感や手触りを向上させた Obys Agency のウェブサイト
- ゲームに機械学習に物理現象のシミュレータも……さはら(saharan)さんのポートフォリオサイトは楽しさ満載!
- 正射影の特性を上手に利用して様々な絵柄を立体的に閉じ込めた Emmit Fenn さんのウェブサイトが面白い
- 自分たちのサービスの特徴を神話になぞらえた面白いビジュアルで表現した Klarna のウェブサイト
- 久々に見たやりすぎ案件(褒めてる)UNIEL ltd. の代表を務めるビジュアルデザイナー Kazuki Noda さんのポートフォリオ
- ドットやモザイクを活用した演出は多彩なのに統一感も感じられる AutoModality のウェブサイト
- スケートボードで駆け抜けながらステッカーを集めよう! 楽しいミニゲームを搭載した Carolina herrera のスペシャルサイト
- あらゆる変化がシームレス! まるで1つの映像作品のような完成度を誇るインタラクティブ WebGL コンテンツ Recollection
- 子どもたちと一緒に考える人権問題の手引き――絵本のような軽いタッチで向き合う重厚なテーマ
- ブラーの使い方や負荷軽減を考慮した丁寧な仕事が光る岐阜造園のブランドサイトが素晴らしい出来栄え
- かつて実在した煩わしく残念な体験を展示する未来の博物館(というテーマの) The Museum of Annoying Experiences
- 写真の持つポテンシャルを最大限まで引き出すインタラクションが素晴らしい養老ミート株式会社のウェブサイト
2021 年 05 月
- ド派手な RGB ディストーションエフェクトも滑らか! 見ていて楽しい Jon Vieira さんのポートフォリオサイト
- 虫が苦手な人は閲覧注意? ワシントン・ポストの Brood X の生涯を解説した WebGL 記事が面白い
- アメリカ経済を牽引してきた Nasdaq 50年の歩みを記した WebGL コンテンツがすごい!
- 丁寧に実装された演出の数々はまるでインタラクティブ演出の展覧会! One up Studio のウェブサイト
- バルーンが突然表れる演出や文字のディストーションエフェクトが楽しい CraieCraie のウェブサイト
- 自転車を漕ぐアバターと一緒にビジネスのワークフローについて考える Procurement Agility Tour
- カラーマップのような不思議なグラデーションの質感がおもしろい株式会社OPExPARK のウェブサイト
- 影や陰影の質感が見事! 探偵となり数々の謎を解き明かすミニゲームが面白いフェラガモのスペシャルサイト
- 質感高いオシャレな空間表現やおもしろいギミックが満載! Jack Daniel’s x Shoe Surgeon コラボサイト
- 組織名である Liquid Crystal をそのまま体現したような不思議な風合いのオブジェクトが登場する WebGL 実装
- ドバイ国際博覧会で使われたデジタル折り紙でレターを送ることができる WebGL コンテンツ ORIGAMI LETTER
- 美しい写真に視差効果を加えた表現が素晴らしい虎ノ門ヒルズ レジデンシャルタワー のウェブサイト
- Microsoft が公開しているデータセンターを見学できるバーチャルツアーコンテンツがいろんな意味で面白い
- おしゃれな余白の使い方と個性的なインタラクションが素晴らしい Paul & Henriette のウェブサイト
- ポーランドの作曲家 Krzysztof Penderecki の庭をポイントクラウド風の 3D シーンで再現した WebGL コンテンツ
- ロシアの建国千年を記念して建てられた記念碑を 3D ビューで細かく観察できる Russian Pantheon がすごい
- 笑い声を録音して登録することでチャリティーに貢献できる面白いプロジェクト The laughing cow 100 years
- NFT のトークンをシードとして生成されるインタラクティブ・ジェネラティブアート Solvency がおもしろい
2021 年 04 月
- WebGL を利用した便利なライブラリ curtains.js の作者でもある Martin Laxenaire さんのポートフォリオサイト
- 海中における二酸化炭素などの含有量の変化を WebGL で表現した Diving into an Acidifying Ocean
- NASA の火星探査機 InSight の火星着陸直前の様子を WebGL で観察できる Entry Descent Landing
- ダイナミックなスクロールエフェクトで自分たちのビジョンを力強く示した Analytica Alimentaria のウェブサイト
- 美しく個性的なカードデッキで神経衰弱のようなミニゲームもプレイできる SSSolitaire のウェブサイト
- ノイズを利用したトランジションやインタラクションが見事な Norman Dubois さんのポートフォリオサイト
- リアルと漫画を織り交ぜた味わい深いテイストがなんとも素晴らしい Prometheus Fuels のウェブサイト
- アブストラクトな世界観にリアルな質感を見事に組み合わせた Thibaut Foussard さんのポートフォリオサイト
- 情熱あふれるラテンアメリカの有名フェスティバルが今年はバーチャルで開催! Pal Norte のウェブサイト
- ファミコンの世界に迷い込んでしまったかのような個性あふれる世界観! Yamauchi No.10 Family Office のウェブサイト
- TypeScript を用いてオープンソースで開発中のノードベースの WebGL エンジン Polygonjs が面白い
- Blender で制作したオリジナルの 3D モデルが多数登場! Andreas Lagerkvist さんのポートフォリオサイト
- 多くの高解像度な全天球画像が用意されており臨場感がハンパない! Avoriaz のウェブサイト
- マテリアルの変化など丁寧な仕事が光る Google 提供のヘルスケアをテーマにした WebGL 製デモサイト
- スクロールに連動してシーンが変化! -99 design studio の5周年アニバーサリーサイト
- オリジナル Blob を作ってシェアすることも可能! 14islands が公開している技術デモ Blobmixer がすごい
- 様々な機能をわかりやすく可視化した 3D ビューでじっくりと楽しめるフォルクスワーゲンのバーチャルスタジオ
- カスタム可能な項目がめちゃくちゃ詳細……野球用のバッティンググローブの WebGL 製カスタマイザ
- ほんのりマットな質感のプラスチックのようなマテリアル! 3D 表現を取り入れた Superlist のウェブサイト
- 他では味わえない独特かつカッコいいインタラクティブな演出の数々! Gabriel Norman さんのポートフォリオサイト
- 淡く広がるグラデーションがまるで水彩絵の具のような質感で面白い Antara Studio のウェブサイト
2021 年 03 月
- シンプルな構図にちょっとした WebGL のインタラクションがステキな Brandon Tyson さんのポートフォリオ
- またしてもとんでもない完成度の WebGL 実装が飛び出すアメリカ空軍公式のウェブサイト Into The Storm
- あの Pixi.js を生み出した Goodboy Digital の自家製 3D エンジン Odie3D を使ったデモ作品 Portalis
- シーンの状況に合わせてパーティクルが次々と姿を変えていく様子が面白い agileDss のウェブサイト
- 美しい画像をなめらかなアニメーションで途切れることなく繋ぎ合わせる妙技! alpharobe inc. のウェブサイト
- どのような選択をしたかによって内容が変化する一風変わった作りが面白い Léonard のウェブサイト
- 遊び心に溢れた仕掛けがおもしろいケニヤの野生動物保全地域にあるロッジ Lewa House のウェブサイト
- マルセイユに対する思いがギュッと詰まったハイエンドなデジタルコンテンツ Marseille 2021 by La Phase 5 がすごい
- イラストレーターでありデザイナーであり開発者でもある!? 多彩な才能輝く Gergely Gizella さんのポートフォリオ
- まさかのアメリカ空軍公式コンテンツ! 様々な能力をテストできる USAF E.C.H.O. がとてつもない完成度!
- アメリカのミュージシャン J Dilla のアルバム Donuts 発売から15周年を記念するトリビュートサイト
- 他では見たことのない独特な RGB ディストーションエフェクトがかっこいい! Jonathan Alpmyr さんのポートフォリオ
- ネオンカラーのオブジェクトが見せる多彩な変形が面白いオンラインイベント IAMSOUND × Zora のウェブサイト
- まるで水面のような揺らめく表現を上手に活用したイタリアのファッションブランド Furla のウェブサイト
- 流体のようなインタラクションなど多彩なディストーション演出が面白い Design Embraced — 2K21 Folio
- 今年も WebGL スクールの季節がやってきた! 第8期の募集を開始します(リモート開催)
- リッチで使いやすいインターフェースとタイムラインなどの便利な機能が盛りだくさん! smoothstep.io がすごい
- SVG や CSS を上手に活用しながらピンポイントで WebGL を組み込んだ Schweppes のウェブサイト
- ノスタルジックな雰囲気とパーティクルを使った演出が素晴らしい! Chartogne-Taillet のウェブサイト
- シームレスな状態変化は圧巻の出来栄え! 映画 Mank の世界を隅々まで堪能できるティザーサイトがすごい
- ユーモラスで皮肉まじりのちょっとおかしな雰囲気が面白いイタリアのお酒 Sgrappa のウェブサイト
- 密林に潜む野生の息遣いが聞こえるかのよう……培養肉を研究・製造する GOOD Meat のウェブサイト
- インタラクティブかつスイスイ滑らかにアニメーションする様子が楽しい Kacper Chlebowicz さんのポートフォリオサイト
2021 年 02 月
- 釣具を扱う Daiwa ブランドが手掛けたファッションブランド D-VEC のバーチャル・ショーケースが面白い
- スクロール操作に連動して起こる細く歪むようなエフェクトが面白い DESCENTE ALLTERRAIN のウェブサイト
- ブラー(ぼかし)を利用した印象的な演出がお見事! Jorge Toloza さんの WebGL を利用した実験サイトがすごい
- ウェブカメラからの映像をリアルタイムで認識しジャンケンを行う AIRSHIFUMI がすごい
- 暗闇に浮かび上がるシルエットが印象的! Kenta Toshikura さんのポートフォリオサイトがすごい
- 炎が燃えるようなエフェクトがまるでゲーム作品のような仕上がり! Iron Velvet のウェブサイト
- それはまるで美術館をめぐる昼下がりのような空気感―― Yoshiki Okamura さんのポートフォリオサイト
- 気合い入りすぎな超高品質グラフィックスを楽しめる VR ゲーム Medal of Honor: Above and Beyond のウェブサイト
- まるで時間そのものが静かに流れているかのように……瀧本幹也さんの写真展 AFTERIMAGE のウェブサイト
- 写真作品を主役に WebGL によるインタラクティブな演出にもこだわった Lecamus Jocelyn さんのポートフォリオ
- iPad Pro の LiDAR を利用して自然環境からデータを採取! ポイントクラウドで可視化した Le Voyage Azarien
- 3D と 2D が見事に融合! かくれんぼをテーマにしたインタラクティブな 3D 絵本 Pioupiou がたのしい
- 日本の食文化をこれでもかと堪能できる Google が公開している Umami Land がおもしろい!
- 探索する楽しみも味わえる昨年のホリデーシーズンに合わせて公開されていた Gucci のスペシャルサイト
- 大量の画像を切り替えることでアニメーションさせた独自の世界観が面白い Aesop のウェブサイト
- イタリアのアーティストが生み出したユーモアでユニークな世界観を楽しもう! Patrappa the trapper が面白い
- 実際に新潟県などで行われたプロジェクション・マッピングを WebGL を使って再現した Wldlght
- モバイル端末のジャイロスコープを活用した WebGL デモが面白い Porter Robinson の Look at the Sky
2021 年 01 月
- 様々な 3D オブジェクトが登場しポストエフェクトも活用した Vlad Polupan さんのポートフォリオサイト
- 流体シミュレーションの WebGL デモをモノクロ化して取り入れたドイツの広告代理店 ZwislerDecker のウェブサイト
- 斜めに傾いたようなレイアウトとシェーダによるエフェクトが秀逸な Yusuke Fukunaga さんのポートフォリオ
- 波が伝播していくような柔らかな手触りが心地よい MAISON CACAO のバレンタインデー・スペシャルサイト
- 美しき Curl Noise と直感的な Audio Experiment が融合! 目にも耳にも楽しい Synesthesia がすごい!
- 任意のシェーダをサイトの背景に設定できる Kazik Pogoda 氏の WebGL 製プロジェクト shader web background
- 様々な国際記念日などをピックアップしイラスト化した EPIC days がおもしろい
- 半透明のオブジェクトの質感が見事なアブストラクトな WebGL デモ Translucent Pearls が面白い
- コロナウィルスに関する統計データをリアルタイムに取得し描画するちょっとショッキングな WebGL コンテンツ
- バーチャル空間で様々なコンテンツを楽しめる PlayCanvas 製のインタラクティブコンテンツ Cyberpunk City
- 面白いイントロ演出やマウスインタラクションが特徴的なクリエイティブ・エージェンシー Impero のウェブサイト
- 落ち着いた雰囲気の中に WebGL でほんの少しのエフェクトを盛り込んだ株式会社ハリズリーのウェブサイト
- バーチャルなデジタル空間で様々なコンテンツを楽しもう! デジタル・エンターテイメント会場 Naoz
- カレイドスコープ風のビジュアルで 2020 年の出来事を振り返る De Morgen のスペシャルサイトが面白い
- 2021 年もよろしくおねがいします! さっそく日本の年賀 WebGL コンテンツを集めてみました
- 完成度の高いミニゲームが揃う驚愕のハイエンド WebGL 実装! Estee Lauder のスペシャルサイト
- スクロールするたびに姿を変化させるオブジェクトがおもしろい Sofia Papadopoulou さんのポートフォリオサイト
- ノイズを利用した溶けるような染み込むような不思議な質感が面白い Fiiiirst のウェブサイト
- NASA, Google, Intel など様々な企業・人々が参画している Frontier Development Lab のウェブサイトが迫力満点!
2020 年 12 月
- ロゴマークの形にテクスチャを歪ませる独特な演出が素敵! アートディレクター Sonia Presne さんのポートフォリオ
- アイテムを集めてスコアを伸ばせ! サンタクロースをテーマにした kffein のミニゲーム・クリスマスコンテンツ
- ファッションブランド Gucci がブラウザでプレイできるミニゲーム Gucci Conga Master を公開中
- 海洋自然保護を訴える Sea Shepherd が世界中でどのように活動しているのかを可視化したグローブデモ
- まるで木工旋盤のように木を削ってオリジナルツリーを作ることができる Pinecraft というプロジェクトが面白い
- シェーダを利用した圧倒的な表現力! インタラクティブ性も素晴らしい EarCOUTURE のウェブサイト
- ドラマに登場する衣装を 3D 空間に配置した Netflix のスペシャルサイト The Queen and The Crown
- General Electric が公開しているイノベーションをテーマにしたレポート The GE Innovation Barometer 2020
- シンプル・直感的な UI がかっこいい! Preact と three.js を利用して作られた Moonbridge がすごい!
- WebGL 製のフル CG コンテンツかと思いきや!? まさかのフルクラウドレンダリングで描かれる Balenciaga | Fall 21
- ディザリングを活用し解像度をあえて落としたノイズ表現が面白い GROVE LUST のウェブサイト
- 少し前の実装だけど……クリスマスにちなんだ 3D グリーティングカードが作成できる aWish3D が面白い
- 世界観が見るものを圧倒するハイエンドな WebGL 実装! サウジアラビアの企業 MIDWAM のウェブサイト
- ビジュアルはもちろん機械学習を利用したシームレスな動画の同期再生も面白い infinite bad guy
- 世の中を元気づけたクリエイティブなグッドニュースをまとめた LIONS GOOD NEWS 2020 が楽しい
- あの DeepDream を生み出した開発者さんの WebGL 事例 Hexells がずーっと遊べるおもしろさ!
- 薬物に対する正しい知識を身につけるよう注意を促すノルウェーのウェブサイト Weedensenteret
- コンテンツに連動しながらダイナミックに動く背景がお見事! 日本の酒蔵も登場する Marussia Beverages のウェブサイト
- 犬のマスコットキャラクターがカーソルを食べちゃう!? Squadeasy のウェブサイトが面白い
- 本格派の技術力と優れたデザインセンスが融合した Ronald Wisse さんのポートフォリオサイト
2020 年 11 月
- アスキーアートのような表現がおもしろい Google 提供の機械学習の公平性を保つためのガイド
- アートブックの魅力をギュッと詰め込んだオンラインイベント Virtual Art Book Fair 2020 が面白い!
- ラインを利用した表現が面白い! デジタル・デザイン・ディレクター Max Niblock さんのポートフォリオサイト
- リアルな質感を再現した本格派の 3D ビューがかっこいい! The House of Maserati がすごい
- Pixi.js を利用した 2D 表現と CSS を利用した演出が見事に融合した Goliath Entertainment のウェブサイト
- エジプトはニューカイロにオープン予定のスポーツクラブ Kode Sports Club のバーチャル体験版がすごすぎた
- ハイエンドな WebGL 実装を多く手掛けるクリエイティブ・テクノロジスト Scott Darby さんのポートフォリオサイト
- 視界が歪んだり視野が狭くなったりする症状を WebGL を駆使して再現した Dans tes yeux がすごい
- ドイツで制作されハマる人が世界中で続出しているらしい…… Netflix のドラマ DARK のスペシャルサイト
- 日本人にもおなじみのあの食材を手掛けるアメリカのメーカー American Aquafarm のウェブサイト
- WebGL を使って表現されたモザイクアート作品たち! Ileana Mariotto さんのポートフォリオサイトが面白い
- イラストの持つ世界観をより引き立てる演出がステキ! buōy(ブイ)さんのポートフォリオサイト
- 立体的なレイアウトが独特なユーザー体験を生み出す Robin Noguier さんのポートフォリオ
- 個性がものすごい圧力で押し寄せる! Experiential artist Jen.Lu さんのポートフォリオサイト
- その品質はもう有料ゲームタイトルレベル! ブラウザで遊べる The Deliciously Dark Escape が異次元クオリティ!
- ノイズを利用した幅広い表現に脱帽! アートディレクター Glenn Catteeuw さんのポートフォリオサイト
- 自分だけのオリジナルウォッチをブラウザ上で作成できる Seiko 5 Sports | CUSTOM WATCH BEATMAKER がすごい!
- かっこいいビジュアルが感性を刺激する! クリエイティブ・エージェンシー inCUBE のグラフィックデザイナー募集ページ
- 多数の 3D モデルを利用し不思議な空気に満ちた世界が広がる! 100 Gecs のウェブサイトが面白い
2020 年 10 月
- ゆらゆらと柔らかな質感のインタラクションが心地よいクリエティブスタジオ Iron Velvet のウェブサイト
- サイト内に表れる様々なグラフィックスを WebGL でダイナミックに描画する aircord のウェブサイトがすごい!
- リアルタイム・レイトレーシングでハイクオリティな CG をレンダリング! ENCHARM のウェブサイト
- スタイリッシュさに加えて楽しい遊び心も忘れない! 高い完成度を誇る Guillaume Gouessan さんのポートフォリオ
- パーティクルの表現が見事! ヒスパニック文化遺産月間に際して作られた Xfinity のスペシャルサイト
- WebGL2 の 3D テクスチャを利用したボリュームレンダリングが美しい! David Peicho さんのポートフォリオ
- 場面遷移に WebGL を活用した珍しい事例! 日建ハウジングシステムのウェブサイトが素晴らしい完成度
- さりげない演出のアクセントとしての WebGL が光る! クリエイティブプロダクション Fledge のウェブサイト
- ほどけるパーティクルを利用した表現が美しい不動産関連企業エムトラスト株式会社のウェブサイト
- パーティクルの立体的表現と Pixi.js の平面的な表現が見事に共存する S5-Studios のウェブサイト
- 今回もすごいぞ Active Theory! Hulu のハロウィーンキャンペーンページが迫力満点!
- パーティクルを使った表現やスクロール連動型のエフェクトが面白い Julie Guzal さんのポートフォリオサイト
- ゲーマーを様々な視点から捉えたオンライン展示 Virtual Gallery of the Gamer でゲームとゲーマーの世界を探索しよう
- ユーザーが操作しながら謎を解くインタラクティブ・ムービー Ordesa の前日譚となるミニゲーム風コンテンツ
- 被写界深度的な表現が見事! 希少疾病用医薬品を専門医する製薬メーカー CENTOGENE のウェブサイト
- ディープラーニングを活用してユーザーごとにパーソナライズされたデモを再生!? Spotify のスペシャルサイト
- コードによって作られる動きや応答性について考えよう! Google のシニア UX エンジニアが提供するオンラインデモ
- オリジナルシェーダやサウンドを多数掲載! フランスの若きクリエイター SukuPaper さんのポートフォリオサイト
- ハイトマップを利用した疑似立体表現で 2D 画像に奥行き感を追加した Casas Mallorca のウェブサイト
- パーティクルを利用したオブジェクトの表現や丁寧な仕事が光る GUSTO.PLAY が面白い
- ビデオゲームにも影響を受けたカスタムスーパーカーの製造を目指す Bermat のウェブサイト
- 独特な RGB ディストーションが良いアクセントに! ブランディングから制作まで手掛ける Folklore のウェブサイト
2020 年 09 月
- 地下鉄のトンネルを思わせるインターフェースが面白い公共交通機関を管理・運用している RATP のウェブサイト
- コロナウィルスの影響で初めてオンラインでの開催となった Bartlett School of Architecture のオンライン展示がすごい!
- 幻想的な輝き表現が見事! 古民家をそのまま一棟宿として提供する古民家宿るうふのウェブサイト
- WebGL 事例の1つの到達点! コンテンツの見せ方も品質も圧倒的な adidas CHILE20 のウェブサイト
- 基礎の基礎から応用編、さらにはレイマーチング・GLSLSound まで! GLSL スクール 2020 募集開始!
- ウェブのインターフェースを 3D 化する実験作! Yanlin Ma 氏が作成した 3D UI が面白い
- イタリアのインテリアメーカー Calligaris のサイトに使われているコンフィギュレーターが面白い
- 優しい風合いのパーティクルを用いた多彩な魅せ方が圧巻! 株式会社 CRAZY のコーポレートサイト
- シンプルなデザインと滑らかなインタラクションが癖になる! プロダクトデザイン企業 TM のウェブサイト
- シェーダを利用したエフェクトの数々がシーンを演出! 永久×バレット のウェブサイトが面白い
- 透明感のあるグラデーションとアニメーションが秀逸! WOTA 株式会社のウェブサイト
- WebGL とウェブサイトの一体感が素晴らしい! プロダクトデザインを手掛ける ELEVENCE のコーポレートサイト
- 細胞の動きや働きをパーティクルで表現! 老いに関する研究と医薬品開発を行う Calico のウェブサイト
- 良質なコンテンツが盛りだくさん! Jurassic World Camp Cretaceous が面白い!
- 3D で概要をわかりやすく提示! チューブの中を駆け抜ける次世代の交通手段 Virgin Hyperloop のウェブサイト
- 独自の世界観を WebGL を利用した 3D 表現のなかに見事に体現! Web Graphic Experiments がすごい
- 様々な質感で表現したロゴ・イメージが楽しい! リニューアルした P.I.C.S. のウェブサイト
- ウェブサイトに手軽に地球儀の 3D モデルを導入することができる GlobeKit のウェブサイト
- Web Components と WebGL を組み合わせた画像にフィルタを適用することができる Web Photo Filter がおもしろい
- スクロール連動型のディストーションエフェクトが美しい! デジタルエージェンシー Fleava のウェブサイト
2020 年 08 月
- 画像がたわんで伸びる布のような動きが面白い! アートディレクター Chris Wilcock さんのポートフォリオサイト
- 圧巻のグラフィックスとマニア垂涎の設定資料の数々! Making Maisel Marvelous がまじでヤバい
- 熊本・阿蘇の風物詩「野焼き」をイメージして作られた美しい黒いインテリア SUMI LIMITED のウェブサイト
- スプライトを用いた湯けむり表現が秀逸! 給湯器などでおなじみの Rinnai のウェブサイト
- 未来の教育の形を考える The University of Southern Denmark の WebGL コンテンツがすごい!
- 一見シンプルだけど様々な工夫の凝らされた抽象的な表現が面白い Asia Young Designer Award のウェブサイト
- リボンのようなインターフェースが流れるようにアニメーション! F R A M E S が面白い
- PlayCanvas 製のリズムゲーム!? ドイツの adidas が提供するミニゲーム付きウェブサイトが面白い
- 可愛らしいデザインと陽気で楽しい空気感が素晴らしい! ロシアで販売されている MoreMilk のウェブサイト
- コンセプトは流体表現!? ビビットなテーマカラーも冴える Sweet punk のウェブサイト
- WebGL の面白い使い方が特徴のタイヤメーカーのウェブサイト Vredestein New Horizons が面白い
- コロナウィルス感染症の影響が続くことを受けてオーストラリアの SBS が公開した Story Line
- 世界で最も古い「電子楽器・テルミン」をブラウザ上で体験できる驚きのアプリケーション Theremix がすごい!
- 文字を変形させる独特な演出がおもしろいクリエイティブ・スタジオ Better Half のウェブサイト
- レイマーチングを大胆に配置した美麗背景グラフィックス! KAYAC の XR チーム Rewrite のウェブサイト
- とにかくオシャレでクールなデザインが目を引くクリエイティブ・スタジオ Synchronized のウェブサイト
- 控えめな演出だからこそ目を引く一風変わったグリッチ! クリエイティブ・スタジオ Dunderville のウェブサイト
- PC でもモバイルでも楽しめる潜水艦がテーマのグッチが贈るミニゲーム! Gucci Dive がおもしろい
- すべての人種差別を無くすために……あえて多くの事例を集めた「声」のビジュアライズ作品 Voice of Racism
- 膨大なピース数を誇るバーチャル・パズルを組み上げろ!? USAF Million Piece Mission がおもしろい
2020 年 07 月
- 3D 表現だけが WebGL ではないということを思い出させてくれる美麗なビジュアル! ACSL のコーポレートサイト
- 未来を予見させるような様々な見せ方のバリエーションが楽しい ACSL のブランドサイト
- 色を入力としてオブジェクトの変形量が変化する面白いアニメーション! Khoob Group のウェブサイト
- 久しぶりに出た「だいぶやりすぎやろ案件」に笑うしかない! ACC TOKYO CREATIVITY AWARDS のウェブサイト
- ノイズを利用した印象的なトランジションが美しいイタリアのインテリアメーカー Henge のウェブサイト
- ブラウン管テレビのディスプレイのようなレトロな雰囲気が面白い Diesel のキャンペーンサイト
- とにかくド派手! ギラギラなサイバーパンク感溢れる Mav Farm のウェブサイト
- クリスタルが浮かんでいるような斬新なインターフェース! アイデアが面白い Kaleidoz のウェブサイト
- その圧倒的迫力を堪能しよう! SBS が提供するインタラクティブ・グラフィックス・アンソロジー The Boat がすごい!
- 輝かしい数々の実績と相変わらずのハイクオリティ実装が素晴らしい Patrick Heng さんのポートフォリオサイト
- 雄大な自然を感じられる迫力の映像と WebGL の 3D シーンが圧巻! Un printemps suspendu が面白い!
- コントラストの強いデザインに日本の文化を意識した演出やショーリールも面白い D.W.L のウェブサイト
- 挑戦することを諦めない力強いメッセージと 3D シーンが魅力! 株式会社リッチメディアのウェブサイト
- サイト全体のテーマカラーが変化する独特な演出に思わず脱帽! 川久ミュージアムのウェブサイト
- 細部に至るまで徹底的に追求された良質な手触り! Emanuele Milella さんのポートフォリオサイト
- 環境音や自然界の音色を組み合わせて新しい世界を生み出すサウンドデザイナー Chiara Luzzana さんのポートフォリオ
- より多くの人に気軽に楽しんでもらうためのグラフィック盆栽! TAKAMATSU BONSAI のウェブサイトがおもしろい!
- 強いこだわりがしっかりビジュアルにも反映されている TODAYLG LUGANG さんのポートフォリオサイト
- バッキバキの WebGL とダンスミュージックを楽しめる! 電音部の公式サイトがすごい!
- 驚くほどの超低遅延でマウスカーソルの位置を共有! 複数のユーザーが同時に楽しめる Multiuser Fluid が面白い!
- 一風変わったマウスホバー時の RGB ディストーションが面白いイベントプロダクション 1987 Masters のウェブサイト
2020 年 06 月
- WebGL を利用して人物モデルの表情変化をデモンストレーションした WebGLStudio Emotions Demo が面白い
- やっていることはシンプルだけど疾走感あふれるビジュアルがお見事! 株式会社ぐんぐん のウェブサイト
- デザインやグラフィックスが織りなす重厚な世界観に圧倒される! Le Cantiche 1320 が面白い
- RGB をディストーションさせる演出でちょっと変わったインタラクションを実現した CULTISH のウェブサイト
- バーチャル経済活動について書かれた膨大な記述が WebGL と共に巨大なコンテンツとして提供される The Virtual Economy
- 工場を模したような 3D 演出がスクロールに連動! 雰囲気満点の Turbulent のウェブサイト
- 透き通るように白く輝く美しさ……透明感さえ抱かせる Y'sデンタルクリニックのウェブサイト
- ミニゲームや簡易シンセサイザーなど遊び心満点な Adventure Time の WebGL コンテンツがすごい!
- ユニークさと確かな技術力が見事に融合! あらゆる動きに目を奪われる Reed のウェブサイト
- オリジナルの 3D 表現を組み込んだインタラクティブなシーンづくりがお見事! ui-unicorn のウェブサイト
- おしゃれでかわいい雰囲気に WebGL がよいアクセントに! MAISON CACAO の魅力がたっぷり詰まったウェブサイト
- インクや流体を想起させる柔らかなインタラクションが面白い! クリエイティブ・スタジオ 14islands のウェブサイト
- CITIZEN が建築家 田根剛氏と共に歩んできた軌跡を巡る美しいコンセプトサイト LIGHT is TIME
- 水面表現や遷移演出が秀逸! ドイツにあるデザインスタジオ Studio Mærtens のウェブサイトがすごい
- WebGL を利用した多彩な質感表現に脱帽! イタリアのインテリアデザイナー Ivan Toma 氏のウェブサイト
- 見た目は極めてシンプルだけど……その分サクサク動作が心地よい three.js 製の FPS ゲーム
- 指一本の簡単操作で物理演算を利用したミニゲームを楽しめる Gucci Mascara Hunt が面白い!
- 可愛らしい色使いに思わず目を奪われる! 独自の世界観を展開するサハルプロダクツのウェブサイト
- 滲む風景やマスク処理のような不思議な感触のシェーダーが面白い HOLODEC のウェブサイト
- スルスルとなめらかに動く矩形オブジェクトが心地よい! 映像プロダクションサービス Everpost のウェブサイト
- デジタルコンテンツを手掛けるクリエイターたちが多数所属するクリエイティブ・プラットフォーム OUTPUT
- Babylon.js を利用した WebGL 実装ならこのひと! SRETKS さんのポートフォリオサイトがリニューアル
2020 年 05 月
- 対応端末では AR 表示も可能! デジタル展示コンテンツ Rooo Lou Exhibition「Room」がすごい!
- 【連載】#1 twigl.app で始める GLSL クリエイティブコーディング! まずは GLSL の基本を理解しよう
- スクロール時に発生する RGB ディストーションが印象的! フランスの映像プロダクション Rove のウェブサイト
- 実際の商品のデザインと見事にシンクロした 3D デザイン! 瞬間リラクゼーションドリンク CHILL OUT のウェブサイト
- ディズニー作品や舞台音楽など多数の名作に携わる作曲家 Alan Menken さんのポートフォリオサイト
- こんなときだからこそアートやカルチャーに触れたいあなたに…… SHUTDOWN.gallery の取り組みがステキ
- いまだかつて無いマウスインタラクションが魅力的! André Venâncio さんのポートフォリオサイトが面白い!
- まるで水平線に浮かぶ夕日のような深みのあるグラデーション! Olivier Gillaizeau さんのポートフォリオ
- デジタル空間のような空気感が見事! ベルギー在住の開発者 Rogier de Boevé さんのポートフォリオ
- 次世代のウェブ API である WebXR を体験できるスニーカーのウェブストアデモが面白い!
- WebGL を利用したリッチなエフェクトが多数登場! Edoardo Smerilli さんのポートフォリオサイト
- 色収差系の RGB ディストーションや歪み効果がお見事! Yannis Yannakopoulos さんのポートフォリオサイト
- Pixi.js を利用したシーン遷移演出がおもしろい! ネットワーク関連事業を展開する Wirewerks のウェブサイト
- ランダム家電という面白いコンセプトの製品を紹介する Babylon.js を利用したおもしろ WebGL 実装
- twgl.js を利用した軽快動作にも注目! 100日間かけて生み出された「詩」を堪能できる 100 DAYS OF POETRY
- 相変わらずのポストエフェクトもりもりな作品群が面白い! Macro Gomez さんのポートフォリオサイト
- 写真やメモをボードに貼り付けたような 3D ビューがかっこいい! LA CASA DE PAPEL の特設サイト
- 金属のメタリックな質感を上手に表現した 3D ビューがわかりやすい! 自転車メーカー VanMoof のウェブサイト
- 【連載】#5 twigl.app で始める GLSL クリエイティブコーディング! #つぶやきGLSL に学ぶコード圧縮 minify テクニック
2020 年 04 月
- 【連載】#4 twigl.app で始める GLSL クリエイティブコーディング! ベクトルを理解し仲良くなろう
- 【連載】#3 twigl.app で始める GLSL クリエイティブコーディング! よく見る GLSL のビルトイン関数を知る
- 【連載】#2 twigl.app で始める GLSL クリエイティブコーディング! スクリーン座標正規化を理解する
- 暖簾をくぐるような動作までしっかり再現された雰囲気満点のイントロが面白い SAKEICE のウェブサイト
- シンプルながら組織の実績を印象的に可視化する実装がかっこいい! Powerhouse Company のウェブサイト
- Pixi.js を使った平面的なエフェクトによる演出がお見事! クリエイティブ・コレクティブ CUSP のウェブサイト
- Pixi.js の開発元にも所属した経験を持つデジタルデザイナー Suard Julien さんのポートフォリオサイト
- #つぶやきGLSL というハッシュタグが面白い! 1ツイートに GLSL のコードを詰め込むシェーダーコーディングの世界
- three.js や Babylon.js を利用した作例を多数掲載! ドイツ在住の開発者 Hitesh Sahu さんのポートフォリオサイト
- ラインを使ったバリエーション豊かな表現がすごい! ジーンズを利用した難民支援チャリティー Jeans for Refugees
- ブラウン管モニターのようなテクスチャがステキ! モスクワを拠点とするデジタルデザインスタジオ fluc28 のウェブサイト
- 化学反応を模したような独特な演出! メキシコにあるデジタル・リサーチャー MONOCEROS IO のウェブサイト
- 石や鉱物を連想させるインタラクションが秀逸! 石材などを販売する代理店 Stone & Style のウェブサイト
- 透明感を感じさせる涼し気な WebGL 製トランジションが素晴らしい WHITE 株式会社のウェブサイト
- ウェブカメラからの入力を使うことも可能! 誰でも簡単にカラフルなビジュアルアートを作成できる Color Push
- 多彩な WebGL を活用した表現に思わず脱帽! 車の修理を手掛ける BallSystem のウェブサイトがすごい
- ウェブの制作会社として時代の先頭をひた走る Jam3 の FWA 受賞歴を祝うアニバーサリー・スペシャルサイト
- とあるアニメーション映像作品のコンセプトサイト Cantela がほっこり癒やされる可愛らしい仕上がり!
- 細部まで観察できる! PC メーカー HP が提供する LEPx Digital Printing Technology のデモサイトがすごい!
- バブル(シャボン玉)を使った表現がリアルかつユニークで面白い! 環境活動家集団 Rouser のウェブサイト
2020 年 03 月
- それはまるで夢の世界の美術館! 秋野コゴミさんの作品を堪能できる WebGL 製ウェブサイトがすごい
- 幾何学的な図形を活用したデザインとインタラクティブなアニメーションがおもしろい Shape Studio のウェブサイト
- この世界観はテルさんだけのもの…… 随所に遊び心あふれる株式会社テルのウェブサイト
- 幾何学的な模様やリアルな発泡表現などポップな雰囲気が楽しい Calexo のウェブサイト
- フィギュアなどのホビー製品を扱う Wannabe の一風変わった演出を多数盛り込んだ楽しいウェブサイト
- 異なる空間同士を行き来するような不思議な感覚が面白い! Porter Robinson のコンセプトサイト
- アーティストの持つ世界観を 3D 空間にギュッと凝縮! Polly Kole Art portfolio が素晴らしい完成度!
- ウェブカメラを利用した作品など多彩な顔ぶれ! Jordan Machado さんの WebGL experiments が面白い
- シェーダによって生み出される美しいグラフィックスとオーディオビジュアライズが特徴的な LIL BRAIN Official Website
- 鏡面仕上げのシンプルな 3D 表現でロゴの存在感を際立たせた Brother Film のウェブサイト
- 3D 空間全体をウェブサイトの中に詰め込んでしまったかのようなトランジション! Fiomet のウェブサイトがすごい
- 炎エフェクトとドクロが印象的! WebGL を大胆に使ったハイエンドな Yoichi Kobayashi さんのポートフォリオサイト!
- 動画とシェーダを組み合わせたセンスが光る! フランスのクリエイティブスタジオ PANAMÆRA のウェブサイト
- 身近なつながりを表示するパーソナライズ・マップを提供する Zenly の WebGL 実装がポップでかわいい!
- まさにサーカスのような楽しいギミック満載! 海外でも様々な事業を手掛ける総合広告代理店 CIRCUS Inc. のウェブサイト
- 映画の世界観を 3D 空間として再現したデモが圧巻! 映画 1917 の 360 Trench Experience
- 卓越したアニメーション表現が見事! IT 業界を様々な形で変革へと導いた株式会社パラダイムシフトのウェブサイト
- センサーを活用した防犯機器やスマートホームデバイスを販売している Nova のウェブサイトがなんとも楽しい!
- パーティクルを活用したシーン遷移演出が迫力満点! WEB デザイナー youse さんのポートフォリオサイト
- アートギャラリーなども併設するクリエイティビティあふれるコレクティブ・ホテル DDD HOTEL のウェブサイト
- 映像作品のような雰囲気で様々なオブジェクトが登場する不思議な世界 Onetold Stories
2020 年 02 月
- ゆらゆら揺れる文字表現などノイズを活用したエフェクトが面白い The First The Last のウェブサイト
- マウスのホールド操作で「掴む感触」が面白いロンドンにある映像プロダクション Skyline Films のウェブサイト
- [動画配信あり]すぐに活用できる three.js としっかり 3D 基礎固めのピュア WebGL! 今年も WebGL スクール開催します
- ほんの一瞬のインタラクションに注目! 建築やインテリアのデザインを手掛けるスタジオ leqb architects のウェブサイト
- ノルウェーの国営企業 Statskog がどのような支援を行っているのかを可視化した Statskogmillionen
- 立方体を上手に活用した数々の演出・アイデアに思わずびっくり! 教育コンサルタント SYDO のウェブサイト
- 全編 3D シーンで構築されたアニメ作品のような仕上がり! 日本のクリエイティブエージェンシー ZIZO のウェブサイト
- Twitter の呟きデータを解析した結果を様々な角度から検証できる Twitter shaping culture
- コンソールにも注目!? 球体によって歪んだ文字表現が面白い Luigi De Rosa さんのポートフォリオサイト
- 動体視力が問われる!? いわゆるカップシャッフルのミニゲームを取り入れた Staak の年賀サイト
- 3D シーンがそのままコンテンツに! シームレスな構成が面白いソニーミュージックグループ新卒採用サイト
- glTF と WebGL でキャラクターをレンダリング! 3D アーティスト Bruno Ortolland さんのポートフォリオサイト
- WebGL 製レースゲーム実装の最高峰!? HONDA の高級車ブランド Acura のサイトがとんでもないクオリティ!
- 渋谷を舞台にした壮大なプロジェクト! 映像作家・山田智和さん Beyond The City の特設サイト
- テクスチャを駆使して質感も本物志向に! ハンドバッグの新製品などを紹介する Gucci のウェブサイト
- アーティスティックなセンスを感じさせる不思議な質感! フランスで行われるフェス Mirage Festival のウェブサイト
- 流れるようなアニメーションでスウェーデンの活動家グレタ・トゥーンベリの1年を振り返る The Year of Greta
- 新しいシェーダを利用した表現の形! シネマティックなシーンで美麗シェーダが駆動する CineShader がすごい!
2020 年 01 月
- スクロールに連動したインタラクションが楽しいアーティスティックな Rezo Zero のデジタル・グリーティングカード
- WordPress の作例をカラフルで美しいカレイドスコープを通して感じる Qode Kaleidoscope が面白い
- 3D から 2D まで様々なテクニックを詰め込んだ演出が盛りだくさん! ベルギーのエージェンシー Nightingale のウェブサイト
- ちょっとしたミニゲーム風の実装が楽しいクリエイティブ・エージェンシー Hands の 2020 年賀コンテンツ
- フランスのエージェンシー ICI LA LUNE の AR コンテンツを利用した 2020 年賀コンテンツが面白い
- ノイズを活用したサンド(砂)のようなエフェクト表現が独特でおもしろい! a trip through Japan
- WebGL で動作する作品もあるよ! Demoscene で活躍するデモチーム holon のウェブサイト
- Revision の Shader Showdown への出場経験もある実力派 lsdlive さんのポートフォリオサイトが楽しい!
- ヌルヌル・スイスイ~ とにかくあらゆる動きがスムーズで心地よい Jesper Landberg さんのポートフォリオサイト
- 超常現象を想起させる神秘的な雰囲気がお見事! 立体音響効果も盛り込まれた Turn of the Screw のウェブサイト
- ジェネラティブアートを制作している 404.zero はウェブサイトもいろんな意味ですごかった
- より手軽にクリエイティブコーディングを…… プロトタイプをタイムライン付きで実装できる looop.dev が面白い
- スーパーマーケットのような 3D シーンなど一風変わったおもしろ演出が多数登場! FPP のウェブサイト
- 限られた形状のジオメトリだけを組み合わせて様々なシーンを生み出す! Tim Konieczny さんのポートフォリオサイト
- 美しい多数のアートワークを閲覧できる Giovanni Muzio さんのポートフォリオサイトが楽しい!
- 3D 空間をフルに活用したコンテンツ配置が面白い! Yoan Gross さんのポートフォリオサイト
- 粘性のある流体パーティクルが様々な表情を見せるディップ株式会社のコーポレートサイトがすごい!
- ラインを用いた流線型のデザインと画像に対するエフェクト表現がお見事! Helixes Inc. のウェブサイト
- Happy new year 2020! 今年も WebGL 総本山をよろしくお願いいたします!
2019 年 12 月
- 独断と偏見で選ぶ 2019 年の振返り! 今年も一年ありがとうございました! The good feeling of WebGL 2019
- インタラクティブかつ滑らかに動く様々なオブジェクトたち! クリエイティブスタジオ UNIEL ltd. のウェブサイト
- ダイナミックなアニメーションに思わず釘付け! 派手さの中にもセンスが光る Yuto Takahashi さんのポートフォリオサイト
- なんのために作られたのかはよくわからないけど……ポケモンをテーマにした WebGL 実装 Pokéfolio
- 可愛らしいテディベアたちが様々な方法でプレゼントを紹介! ファッションブランド Max Mara のウェブサイト
- 今回もすごいぞ Toonami on Adult Swim! 近未来的な電脳空間のお手本のような一作!
- サンタのためにプレゼントを集めまくれ! クリスマスにちなんだミニゲーム Steer the Deer!
- スクロール操作が気持ち良い! 世界中のクリエイターたちにインタビューを行った結果をまとめた Esperanto
- ハイトマップを利用した擬似的な立体表現で人間味をリアルに表現! とあるドキュメンタリーのウェブサイト
- デザイン画を思わせるライン描画される 3D モデルが美しい Jean Dousset のカスタマイザ実装がすごい!
- まるで現実世界に本当に存在しているかのよう!? リアルな動きがとにかくすごい WebGL デモ作品 Sheen
- 見たこともないような演出がたくさん登場! スマートなデザインも注目な Taro Yoshimura さんのポートフォリオ
- 大胆なページ遷移とフォントに対するアニメーションが面白い Sacha Tourtoulou さんのポートフォリオサイト
- 常に旗が風にたなびいているかのような風情が漂う超個性的な Myles Nguyen さんのポートフォリオサイト
- ノイズを活用した歪み表現ひとつで様々なシーンを演出! Bruno Arizio さんのポートフォリオサイト
- 深く深くどこまでも…… まるで終わりが無いのではと錯覚してしまうほど壮大な深海を描いた The Deep Sea がすごい!
- 流体のような表現を組み合わせた表現があまりにも美しい! フランスにあるデザインスタジオ Akaru のウェブサイト
- まるでブラックホールに吸い込まれてしまうかのような独特な演出が面白い Travelshift のウェブサイト!
- レイマーチングを利用しカーソル位置やサウンド再生とも連動! Richard Mattka さんのポートフォリオがすごい!
- リアルな質感で高級感も感じさせるキャリーケースのオンライン・カスタマイザ RIMOWA UNIQUE
- ノイズを使った印象的な演出が多数登場! 少数精鋭のクリエイティブ集団 Reform Collective のウェブサイトがすごい!
2019 年 11 月
- Google 謹製の機械学習とファッションを組み合わせたデモ作品 Runway Palette がおもしろい!
- ウェブページ上にマスクを掛ける様々なテクニックに言及したプレゼンテーション Masks が面白い
- 情報の銀河のなかを探索しよう! 大規模データとそのつながりを可視化する Laniakea
- どこか心地よい暗闇と光の織りなす世界観! イタリアのデジタルエージェンシー Gothamsiti のウェブサイト
- テーマを決めて30日間作品を投稿し続ける Codevember における Corentin Bernadou さんの作品集
- 遊び心あふれるギミックがたくさん! Google 主催で行われたイベント Wonderful Weekends CHIKAGO のウェブサイト
- 海の中に潜っていくような感覚を味わえるウォーターボトルメーカー Dopper のウェブサイト!
- ニュージーランドの踏切における事故防止・安全確認の重要性を訴える記録集 Near Miss -| Memorials
- WebGL をアートへと昇華させた不思議な世界! 人間、あるいは自分自身の内面に目を向ける My Inner Wolf
- 派手すぎず、しかしさり気なく主張する WebGL の演出が光る! UT グループの 2019 年度新卒採用サイト
- リズム感と記憶力が試される! ポップな見た目が可愛らしいミニゲーム作品 Noiz!
- 近未来的な雰囲気とレトロ感が絶妙なバランスで共存する強烈な世界観が面白い CTRL-Z Flyer
- JavaScript のコードをそのまま WebGL の演出に転用した興味深い表現! ユニークビジョン株式会社のウェブサイト
- 特徴的な RGB ディストーションで印象的な雰囲気を作り出す! Firstborn のウェブサイトがかっこいい!
- 印象的なグリッチエフェクトが多数出現! 空港について様々な視点から考えるサミット Wecargo のサイトがすごい
- キャラクターの躍動感に思わず驚嘆! SEIKO の腕時計 WIRED シリーズ「WW」のウェブサイト!
- スムーズなアニメーションで様々なオブジェクトが浮かんで消える! Francesco Michelini さんのポートフォリオサイト
- 趣向を凝らした演出とページ遷移が面白い! ミステリー映画 Knives Out ティザーサイト
- イラスト調のオブジェクトがすいすい動く! ポップでかわいい島根県美郷町魅力再発見プロジェクトのウェブサイト!
- 地下の世界を探検しよう! 巨大地下施設について知ることができる Soletanche Bachy のウェブサイト
2019 年 10 月
- 異次元の完成度を誇るミニゲーム風インターフェース! 遊び心満点の bruno simon さんのポートフォリオサイト
- スクロールに応じて様々な効果が発動! curtains.js の作者 Martin Laxenaire さんのポートフォリオサイトが面白い
- ロシアの風土や歴史の勉強にもなる興味深い WebGL コンテンツ The story of the white tower がすごい
- ゲームエンジンを利用してウェブサイトを作る? PlayCanvas を駆使した 3D コンテンツと解説記事が公開中
- ブロックチェーンのデータを可視化した幻想的な世界観が美しい Scott Darby さんのポートフォリオサイト
- 様々に変形するオブジェクトを用いた表現が見事! プラスチック射出成形のシューズを扱う Cobo のウェブサイト
- three.js 実装と Pixi.js 実装を同時に利用しつつ使い分け! 立体と平面の組み合わせが面白い Iobo のウェブサイト
- ノイズを利用したホバーエフェクトが面白い! 手作りの家具・インテリアを制作している Waka Waka のウェブサイト
- フォトリアル系 WebGL 実装で驚くほど美しいレンダリング結果を生み出す Domenicobrz さんのポートフォリオサイト
- なんとも言えない柔らか触感! クリエイティブスタジオ Hello Monday のウェブサイトは遊び心に溢れてる
- ポーランドにおけるデザインの歴史100年を振り返る 3D コンテンツ Guide to Polish Design
- 砲台が点在する要塞のような島がそのまま美術館に! 友ヶ島第3砲台美術館の特設サイトがすごい
- 個性的なデザインの製品にマッチした個性的すぎるインターフェースが面白い FILA Explore
- ドット模様を使ってあえて情報の解像度を落とした独特な描画が面白い! Sensor Station のウェブサイト
- イラスト風のビジュアルが個性的! はじめての日本開催となる Awwwards Web Design Conference のウェブサイト!
- まるでプリレンダリングのような美しさに思わず目を奪われる! 超完成度で見せる国立新美術館のウェブサイト
- 分断された文字がまるでチーズのように伸びる!? デザインスタジオ OVERSIZE STUDIO のウェブサイト
- 声の特徴を AI が解析しユーザー独自の「フォント+イメージ」が生成される驚きのコンテンツ fontgraphy
- とにかくいろんなものがグネグネと波打つ演出を使ったエッセンシャルオイル製品のウェブサイト
- どこか自然をイメージさせるようなナチュラルな動きが心地よい! Rand のコーポレートサイト
- 紹介したい演出が目白押しすぎてもはや紹介しきれない! アニメ「OBSOLETE」公式サイトがすごすぎた!
2019 年 09 月
- グラフィックスのすべてを i の文字が形作る不思議な世界! Bon Iver さんのニューアルバム「i, i」のウェブサイト
- 単なる色収差ともちょっと違った独特なフィルタ処理が面白い! Purple Rock Scissors のウェブサイト
- CSS の transform3D も活用しつつオブジェクトがスイスイ動く! 電子決済サービス RappiPay のウェブサイト
- ちょっとレトロな尖りまくった雰囲気がカッコいい! Gucci のスニーカーのウェブサイト!
- 柔らかい布のように滑らかく動く演出が心地よい Anthony Goodwin さんのポートフォリオサイト
- リアルな質感や背景素材とのリンク演出がおもしろい! メルセデスベンツ傘下の Smart のウェブサイト
- あらゆるビジュアルが異次元の仕上がり! トップクラスの WebGL 作品を次々と生み出す Active Theory のウェブサイト
- とにかく圧倒的な CG のクオリティが大迫力! 技術的な注目ポイントがぎっしり詰まった Pioneer のウェブサイト
- シェーダが生み出す美しいグラデーション! 製菓メーカー BAKE のモバイル App 特設サイト
- アディダスとファッション系メディア HYPEBEAST がコラボ! 2048 年の未来をイメージしたウェブサイトがすごい!
- 様々なオブジェクトが形状変化する様子に思わず驚く! 株式会社 LIFULL のデザインがテーマのウェブサイト
- 掴んで、伸ばして、引っ張って! 空間をまるごと引っ張ったような独特な演出が面白い Cher Ami のウェブサイト
- WebGL を利用し高速・スムーズに動作する JavaScript の Image Editor 実装 Doka が面白い
- 幾何学的な図形を組み合わせて多彩なビジュアルを実現した株式会社トライバルメディアハウスのウェブサイト
- まるで湧水のように溢れ出る色彩! シェーダとウェブカメラを利用して描き出される不思議なビジュアル FILLER
- 博物館に収蔵されている資料やサンプルを WebGL で 3D プレビューすることができるスミソニアン博物館公式コンテンツ
- WebGL を利用したミニゲームで「輪投げ」を楽しむことができる資生堂のスキンケアプロダクト WASO のウェブサイト
- 自動車の騒音をオンラインで設定をカスタマイズしながら調査することができる Autoneum Acoustic Garage
2019 年 08 月
- 2019 年 9 月にロシアで行われる DMC(デジタルマーケティングカンファレンス)のウェブサイトが VR 対応で面白い!
- 背景の風合いやサイト全体の構図がシンプルで美しい! デザインスタジオ FIT のウェブサイト
- スペクトルの可視化に WebGL を活用! フランスのミュージックレーベル Roche Musique のウェブサイト
- ピクセルソートのような特徴的なトランジション演出が面白い! インテリアデザイナー Camilo Alvarez さんのウェブサイト
- わかりやすい操作やクラウド活用機能が便利! 教育用途に特化した Autodesk の WebGL 製 CAD ツール Tinkercad
- ハイエンドなグラフィックスやモダンなデザインが見事! ロシアのデザインスタジオ Chipsa Design
- ポップなビジュアルの滑らかアニメーション! 匿名で企業についてのレビューができるサービス Kanarys のウェブサイト
- GLSL シェーダコーディングで様々なクリエイティブに挑戦しよう! GLSL スクール 2019 募集開始します
- 独特なグリッチ演出を施した動画や画像が印象的な Greater Than Avatars のウェブサイト
- アメリカの社会や経済にフォーカスした配車サービス Lyft 制作のドキュメンタリー America Is An Idea, Not A Geography
- CSS も活用した多彩な動きが面白い! デザイン・エージェンシー Green Chameleon のウェブサイト
- 世界各地の航空機のフライト情報を大量のライン描画で詳細に可視化した Flight Patterns が面白い!
- カーソルをホバーさせた瞬間に世界が一変する大胆なトランジション! クリエイティブスタジオ Zero のウェブサイト
- 流れるように滑らかに動くギャラリーページがすごい! 心地よいインタラクティブ性を感じられるウェブサイト
- Nike のフットボール用スパイク Mercurial を自分好みにカスタマイズできる Mercurial By You
- 「ブランドエクスペリエンスデザイン」を掲げるアートアンドサイエンス株式会社のウェブサイト
- ノイズを利用したトランジションが白を基調としたデザインに映えるアディダスのウェブサイト
- 恐らく期間限定でしか見ることのできない LED 照明のような演出が面白い Gucci のウェブサイト
- アダルトスイムが配信している大人だからこそ楽しめるアニメ作品 Rick and Morty のウェブサイトが面白い!
- 万華鏡のようなビジュアルが不思議な世界観を紡ぎ出す! クリエイティブスタジオ HAUS のウェブサイト
- 水が徐々に捌けていくような柔らかい演出がよいアクセントに! デザインスタジオ Stuuudio のウェブサイト
2019 年 07 月
- 多彩な表情を見せる頂点シェーダを活用したダイナミックな変形演出がすごい! unshift のウェブサイト
- クジラたちの姿やその鳴き声の視聴も可能! 独特なスクロール演出も面白い Save whales
- 絵画のような平面の世界と 3D 的な表現とを融合させた高品質なビジュアルが美しい Gucci のウェブサイト
- パーティクルを利用して粘性流体をシミュレートすることができる Atomize が面白い!
- 流れるように動くパーティクルや布の質感に圧倒される Prior Holdings のウェブサイト
- FWA 受賞サイトをトランプのカードに仕立てた The Cool Club とのコラボ企画! スムースな無限スクロールも楽しい!
- アポロ計画の資料を 3D 空間にマッピング! ニューヨーク・タイムズが送る WebGL 製ドキュメンタリー
- 涼し気な氷の表現が見事! 期間限定でしか楽しめない RINGO オリジナルアイスバーのウェブサイト
- 動画を活用しつつインタラクティブな演出にもこだわりが感じられるクリエイティブ・スタジオ 1MD のウェブサイト
- プログラミング不要で Babylon.js による WebGL を利用した 3D コンテンツを制作できる Naker が面白い
- ミニゲームやカスタマイザなどコンテンツが盛りだくさん! ルノー TWINGO のウェブサイト
- 擬似 3D 表現とネオンのような発光表現がシンプルなデザインにマッチした Get のウェブサイト
- イタリアを旅するバケーションの様子を疑似体験できるウェブサイト Isabellas Dream Vacation
- 点と点を線で繋いでいくことでオリジナルのサウンドを再生できるデモが面白い Alacran Group のウェブサイト
- A-Frame を利用してキッチンの様子を VR モードで閲覧できるショーケース! デモ版は一般にも公開中
- Pixi.js を利用してカロリー消費量などのデータを可視化する不思議なデータビジュアライゼーション Journey
- 流体表現を用いた複数のパターンで楽しめるインタラクティブコンテンツ! The O By NARS がすごい!
- 自分の音声からフィンガープリントを作成してロゴに仕上げることができる Create Kaos
- 非常に美しくリアリティのあるレンダリングが見事! PlayCanvas を利用したバイクのコンフィギュレータ
- 引きずられるかのように色が歪むディストーションが斬新! NewYork に居を構える Firstborn のウェブサイト
- WebGL や 2D グラフなどを駆使してシンセサイザーの仕組みや知識を深められる Learning Synths がすごい!
- いくつもの多様なパターンを見せてくれる WebGL の背景パターンが美しい Royal Asscher のウェブサイト
2019 年 06 月
- 被写界深度やドロップシャドウの描画によって実現されるフォトリアルな質感! Thorne のウェブサイトがすごい!
- リアルなジェット機のモデルが多数登場! 航空機のウェット・リースを手がける Hi Fly のウェブサイト
- 経験したことのないコンテンツとの一体感! シームレスに WebGL を利用した演出を取り入れている Locomotive のウェブサイト
- 投影されるロゴやスクロールに連動したアニメーションが面白い AKUFEN のウェブサイト
- 地球規模での環境課題の解決「バイオエコノミー」を目指すオリシロジェノミクス株式会社のウェブサイト
- ちょっと前に話題になった流体表現のシェーダを背景演出に利用した Advanced のウェブサイトが面白い
- 猫が大好き! そして親日家でもある Renaud ROHLINGER さんの遊び心あふれる楽しいポートフォリオ
- ポストエフェクトによる高い質感が秀逸! オープンデータを利用した航行情報の可視化事例 SkyNet がすごい!
- きらめく宝石のようなオブジェクトに多くの人々が思いを込めた記念碑的な大型コンテンツ Stonewall Forever
- 年代や出版社を選択肢フィルタすることも可能! 小説の表紙を眺めることができる「文庫の顔」が面白い
- 余白を広く取った大胆なレイアウトとノイズを活用したインタラクションが面白い Vadim Tyurin さんのポートフォリオ
- Pixi.js を利用した圧倒的な表現力! 個性的なデザインやインタラクションが素敵な PRMO Inc. のウェブサイト
- インタラクティブ MV の新境地! 波紋のようなエフェクトや擬似 3D 表現が面白い The Avener のウェブサイト
- ロゴマークを上手に活用した演出が光る! ドバイで開催される国際博覧会(万博)の日本館公式サイト
- WebGL が織りなす歴史の螺旋! 2020 年に開業を予定しているビルボードライブ横浜のティザーサイト!
- 色収差風のエフェクトが全編に渡って用いられ高級感あふれる仕上がりに! ダッジ(Dodge)のウェブサイト
- インターネットの過去と現在、そして未来…… 次世代のインターネットを考察する興味深いコンテンツ
- 一種独特な雰囲気を持つ高級ブランドならではの世界観! バーバリーのウェブサイトが面白い
- 現代は第四次産業革命の真っ只中? デジタル化の未来を考える Expo 2020 Dubai にも関連した SIEMENS のウェブサイト
- Blob による流れるような美しい質感が見事! 映像・コンテンツ制作を手がける電通クリエーティブX のウェブサイト
2019 年 05 月
- まるで覗き穴のような演出が面白い! イタリアにある大理石を扱うメーカー Marini Marmi Srl のウェブサイト
- こんな WebGL の使い方もあったのね…… デジタル・マーケティングエージェンシー Union のウェブサイト
- シェーダエディタなど多彩な機能を備えたソーシャルサービスとして開発されている ShaderLab が面白い
- スペースキーを押すたびに生まれる新しい発見! ジェネラティブアートをテーマにしたシンプルデモ
- 直線的なデザインと流れるようなアニメーションの心地よさがお見事! 株式会社ナナメのコーポレートサイト
- 洋菓子店のサイトでシューティングゲーム!? 楽しい仕掛けが満載の RINGO のウェブサイト
- パーティクルを使って形状を表現した WebGL 製のインタラクティブ MV! 解説記事も同時公開中
- 特徴ある画像のトランジション演出が個性を放つ Fabio Fantolino さんのデザインスタジオのウェブサイト
- ゲノム解析において独自の技術を持つ国内企業 ビットバイオーム株式会社のウェブサイト
- three.js コントリビュータが執筆・作成している three.js 学習のためのコンテンツ Discover three.js
- 崩れ落ちるような独特なトランジションエフェクトが面白い! ポストプロダクション First Frame のウェブサイト
- その社名のとおりの直球勝負な WebGL 実装! アメリカ・NY にある Mirrorball 社のウェブサイト
- 高品質なレンダリング画像やその深度マップを使った表現が面白い! Anoukia Perrey — In Pink
- こだわりの演出がたくさん盛り込まれたドイツのクリエイティブ・デベロッパー Davide Perozzi さんのポートフォリオ
- 輝くネオンのような美しいビジュアルと個性的なカラーリングのセンスが光る! 株式会社 ON のウェブサイト
- あまりのクオリティに開いた口が塞がらない! とにかくすべてが異次元のレベルで実装された Lusion のウェブサイト
- 創作活動を加速させる秘訣が満載! three.js をラップし再利用性を高めた独自実装のセンスが光る Ore-GL
- WebGL の持つ表現力を再認識させられる! 隅から隅まで余すところなく刺激的な cornea design のウェブサイト
- Pixi.js の V5 がリリース! それに合わせて実証実験として作られた独自の 3D 実装 Lumina も公開中
- WebGL で描かれるインタラクティブな謎に満ちたショートストーリー Not for the men, nor for the sea
- Amazon の AWS に関する情報を全世界レベルで可視化した AWS Global Cloud Infrastructure が面白い!
2019 年 04 月
- モザイク模様のような見せ方が面白い WebGL で実装されたインタラクティブ・ドキュメンタリー Missing
- three.js 製でサクサク動作! ウェブブラウザで遊ぶことができるオンライン FPS ゲーム Krunker
- 絵画のような質感のイラストが印象的なファッションブランド GUCCI の ZUMI 特設サイト
- WebGL 実装の常連 adidas UK! 今回は再利用できる素材を利用した新しいシューズの特設ページ
- 技術解説のブログ記事も同時に公開されている著名なサッカー選手を集めた WebGL コンテンツ
- パーティクルを使ってカラーコンタクトレンズの質感を見事に再現した PLAY/UP のウェブサイトがすごい
- これこそ次世代の報道の形! ノートルダム大聖堂の火災からわずか1日あまりで公開された New York Times の記事
- VR ゲームとして人気を博した BeatSaver の譜面データをプレビューできる A-Frame 製の BeatSaver Viewer
- カラフルなインクで作られた水たまりのような表現が面白い! 株式会社 ZIZAI のウェブサイト
- タップやクリックだけでプレイすることができるシンプルなミニゲームを楽しもう! Galeries Lafayette - Play for Good!
- 日本の昆布茶にも影響を受けている? フランスの不思議なフルーツジュースのウェブサイト
- 波紋模様や柔らかなスカーフに触れるような質感が面白い Nature Elixir のウェブサイト
- Netflix と WWF(世界自然保護基金)などが協力して配信しているドキュメンタリー Our Planet のウェブサイト
- モノクロとカラーの間を絶妙な演出でつなぎこむ! Analogue production のコーポレートサイトがすごい
- 直感で選択した画像や、ウェブカメラから推測する心拍数などを指標に心理テストを行う SEEKER が面白い
- 3D 空間とコンテンツを動的に結びつけるデザインが面白い! フランス人開発者 Grégoire Mielle さんのポートフォリオサイト
- その名前のとおりの精悍な犬の 3D モデルが美しい! クリエイティブスタジオ Dogstudio のウェブサイト
- 動画に加えられる WebGL 製の独特なノイズ表現が面白い! SAMSUNG の製品を紹介するティザーサイト
- 昨年に引き続き WebGL で実装された統合失調症がコンセプトの Vivre avec la schizophrénie のウェブサイト
- 機体操縦のスムーズさや動きの心地よさが素晴らしい Air France の子供向けコンテンツがすごい
- 水をイメージさせるような演出が面白い! 競泳用のスポーツ用品などを扱う arena の新製品 Swipe のウェブサイト
2019 年 03 月
- まるで透き通ったクリスタルのような美しさ……アーキサイトメビウス株式会社のコーポレートサイトがステキ!
- 名入れの刻印にも対応! PlayCanvas で作られた指輪のオンライン・コンフィギュレータデモ!
- 転がるボールのような演出が斬新で面白い! デジタルデザインスタジオ Ursa Major Supercluster のウェブサイト
- ドラッグ操作でインタラクティブにパターンが反転! QR コード決済サービス Mogney のウェブサイトが面白い
- 自由な色・形・文字が生み出す独特の世界観が楽しい! Dominic Berzins さんのポートフォリオサイト
- シームレスに変化するマテリアルの質感や環境マッピングが面白い! クリエイティブ・スタジオ Low のウェブサイト
- 外装はもちろんインテリアなどのパーツもカスタム可能な自動車メーカー Volvo の WebGL 製コンフィギュレータ
- シーンごとに全く異なる雰囲気を持つ空間を華麗に演出! フランスのワイナリーの美しいウェブサイト
- その美しいレンダリング結果は世界でもトップクラス! Sketchfab のコンフィギュレータデモがすごい!
- テクスチャ座標をずらすことで表現したシーン遷移演出が面白い! イギリスの投資会社 White Square のウェブサイト
- 画像の歪みエフェクトが面白い Gobelins 出身のクリエイティブデベロッパー Thomas Van Glabeke さんのポートフォリオ
- 色収差のようなエフェクトが目に楽しい! アメリカのアーティスト Shallou の 2019 年ツアー告知サイト
- ハンガーに掛かったジャケットが踊り出す? 独自の世界観を感じさせる Gilles Rivière さんの不思議なウェブサイト
- 独特な流体表現とイメージのトランジションに思わず目を奪われる! ultranoir のウェブサイトがすごい!
- 地球上の様々なロケーションから 60,000 個もの星が輝く夜空を堪能できる Star Atlas が面白い
- 一風変わった雰囲気が楽しい! パリにあるフランスの百貨店のウェブサイトが WebGL 実装でとってもオシャレ
- 優雅さが感じられるステキな雰囲気! デジタルアートディレクター Olivier Ouendeno さんのポートフォリオ
- WebGL を利用した演出が面白いモスクワに本拠を構えるデジタルクリエイティブエージェンシー Bounds Agency
- どこか化学物質的な雰囲気を感じさせるイタリアの化学薬品メーカー Sterling のウェブサイト
- WebGL 実装が昨年よりもさらにパワーアップしたフランスのフェス・イベント Mirage Festival のウェブサイト
2019 年 02 月
- 「特定の技術ではなく美的表現で繋がるサービス」デジタルアートの総合プラットフォーム NEORT がリリース!
- XML ベースで 3D のシーンを構成できるシーンビルダーなどを開発中のバーチャルプラットフォーム Decentraland
- レゴブロックのようなパーツを組み合わせてオリジナル 3D モデルを作ることができるウェブサービス MakerBrane
- 音の姿が見えるようなサウンドビジュアライザがステキなベルリン在住のミュージシャン光森貴久さんのウェブサイト
- 2018 年に手がけた事例を WebGL で振り返る! クリエイティブエージェンシー Green Chameleon のオリジナルサイト
- 流れる風の動きを可視化して寒波について説明したニューヨーク・タイムズのオリジナル WebGL コンテンツ
- 基礎を身につける本講義と実践的なノウハウの詰まったプラスワン講義! WebGL スクール 2019 募集開始します
- まるで布の生地のような質感が面白い ISSEY MIYAKE ブランド DOUGH DOUGH のウェブサイト
- あの伝説の裏技「コナミコマンド」を使うとサイトが一変!? 面白いイースターエッグを備えたウェブサイト
- シンプルな演出ながらインタラクティブ性の高い動きのあるデザインが面白い Victor Costa さんのポートフォリオ
- 半透明のチェックシートを使ったような演出が面白い! 大洞印刷のクリエイティブチーム MAGIC のウェブサイト
- 2018 年にインスタグラムに投稿された画像を 3D 空間に配置して振り返る株式会社ジュニのオリジナルコンテンツ
- パーティクルを使った多彩な表現に思わず目が釘付けになる! クリエイティブスタジオ SUPERBEIN のウェブサイト
- SVG と WebGL の優れた部分を見事に融合したセンスが光る! 伊藤忠テクノロジーベンチャーズのコーポレートサイト
- スロットマシンのドラムロールのように滑らかに動く画像が気持ち良いデジタルエージェンシー Everest のウェブサイト
- オリジナルの壁紙や動画ファイルをシェーダを使ってインタラクティブに生成できる MakeBackground がすごい!
- 傾きや拡縮を利用した CSS による奥行き表現とシェーダによる立体表現が面白い Archi Graphi のウェブサイト
- 地球の外周 40,075km にちなんだ世界中の音楽を巡る WebGL 製コンテンツ 40075 が面白い!
- Oimo.js を利用した物理演算と美しい光の質感に思わず釘付け! HKI.PARIS の 2019 アニバーサリーデモ
2019 年 01 月
- パラメータを操作して実に様々な立体フラクタル形状を生成することができる donatello が面白い!
- 確かな技術力と個性が見事に融合! 面白い WebGL 作品も多数掲載された Vicente Lucendo さんのポートフォリオ
- 3D 空間であることを活用した多様な演出に思わず釘付けになる! Les Animals の 2019 年賀コンテンツ
- 大胆なエフェクトが面白い 2018 のソーシャルネットワークにおけるトレンドを振り返る UnProductive Social Year がすごい!
- 黒い背景に独特なマスク処理やインタラクションが面白い! Ursa Major Supercluster のウェブサイト
- シンプルで楽しいミニゲームを遊ぶことができる Mazarine グループの 2019 年アニバーサリーコンテンツ
- まるで水の中を漂う氷のような演出が印象的! ロンドン発 Whitetail というジン(アルコール)のウェブサイト
- WebGL を使った疑似立体表現が面白い! フランスで人気のお菓子のブランド Whaou のウェブサイト
- おしゃれなイベントスペースを 3D ビューでじっくり観察できる実利的かつ美しい WebGL の活用事例が面白い
- コロラドの雪山で過ごす二日間のディスカッション! WebGL を効果的に利用したエフェクトが面白いウェブサイト
- 地表と超高層で空の航路が衝突する!? 未来を見据えたワシントン・ポストの投稿が素晴らしい出来栄え!
- 水墨画風のコンテンツが美麗エフェクト有りでもサクサク動作する airbnb の中国版ウェブサイトがすごい!
- 和の情緒を感じさせる淡い表現が見事! 創業明治12年という長い歴史を誇る青柳総本家のウェブサイト
- 軽量でパワフルな機能を持つライブラリを目指して開発が進められている WebGL ライブラリ RedGL がすごい!
- GPGPU を活用してオブジェクトをノイズ由来のアニメーションで動かす物量系 WebGL コンテンツ Deep Down Christmas
- マウスだけの簡単操作! プレゼントをツリーで受け止めるクリスマスツリーにちなんだミニゲーム XmasTree Game
- ロボットの動きをブロックを使って指定するプログラミング教育系のミニパズルゲームが面白い
- WebGL 総本山を 2019 年もよろしくお願いいたします! 新年最初は日本人作の年賀コンテンツを一気に紹介!
2018 年 12 月
- 今年も一年間ありがとうございました! WebGL 総本山 2018 年振り返り
- のどかな雰囲気でゆったりした年末年始の安息を願うカナダの大手法律事務所 Blakes のウェブサイト
- Tensorflow.js や PoseNet を利用してウェブカメラから人の動きを検出する Semi-Conductor がすごい!
- Rust と WebGL で作られたセルオートマトン・シミュレーション sandspeil は時間を吸われる面白さ!
- アメリカのロックバンド twenty one pilots のインタラクティブ・ミュージックビデオが凄まじい完成度!
- コマンドライン・インタフェースのような独特な構成が面白い! Andrea Reni さんのポートフォリオサイト
- 今年も日本人クリエイターを含む豪華メンバーが勢揃い! 毎年恒例となった Christmas Experiments
- 掴んで揺らすと何かが起こる!? 吊るされたサンタの姿が可愛らしいクリスマス WebGL 作品
- Adult Swim のまいどおなじみオモシロ物理演算系コンテンツ! 唇の質感がとにかくすごい WebGL デモ作品 Choir!
- 職人の技が光る 1959 年から続くイタリアのハンドメイド自転車メーカー Sarto のウェブサイト
- 2D 表現を上手に拡張し立体的な表現を行いつつ 3D も惜しげもなく利用した Ocean School のウェブサイト
- セーターの編み目や質感がとてもリアルに再現された Christmas Experience! Ugly sweater generator がおもしろい!
- 全天球画像や動画を駆使したモバイル VR コンテンツで旅行気分を味わえる KLM オランダ航空のウェブサイト
- WebGL らしさをしっとりと隠した高品質で高級感のある仕上がりが面白い Lexus のウェブサイト
- 物理演算用ライブラリ matter.js を利用したインクドロップ表現が面白い! Francois Risoud さんのポートフォリオサイト
- シンプルさがいい意味で際立つデザイン! 平行投影を使ったロゴマークもかっこいい Climate のウェブサイト
- 弾けて流れるパーティクルとマウスカーソルとの衝突判定やアニメーションが面白い JP Morgan のウェブサイト
- Sony Pictures 公式の AR コンテンツ! WebGL とモバイル端末を使ってあなたのお家にもスパイダーマンが降臨!?
- 多彩な地図の見せ方が面白い! ポルトガルのワイン銘柄 Kopke のこだわりが詰まったウェブサイト
2018 年 11 月
- 今までにない驚きの手法を駆使したアメリカの人気アーティスト T.I. のアルバム DIME TRAP 特設サイトがすごい!
- ハイエンドな WebGL 実装が満載! 原子力に関する研究やリサイクル事業を展開するフランスの企業 Orano のウェブサイト
- WebGL を利用した透明感のある演出が光る! 株式会社レトリバのコーポレートサイト
- 研究結果や論文を 3D で描かれる螺旋のライブラリから閲覧できるフランス INRA のウェブサイト
- シャキッとしたアニメーションが気持ち良いエッジの利いたかっこよさ! 三菱ふそうのウェブサイト
- PC やモバイル端末でログインでき VR モードでオンラインポータルを作成できる Mozilla の Hub がすごい!
- シミュレーションやアルゴリズムを活用した個性的なシェーダが面白い jagracar さんウェブサイト
- 自然界から始まる水と人々の暮らしの物語……自然エネルギー関連事業を手掛ける VEOLIA のウェブサイト
- その実装背景などを解説したブログ記事も楽しい Google 提供の Cloud Infrastructure のデモがすごい!
- 色の使い方がなんとも絶妙! VR や AR も手掛ける本格派のポストプロダクションチーム +Ring のウェブサイト
- ほぼ全てのビジュアルが WebGL によって表現されている Du Haihang さんの驚きのポートフォリオサイトがすごい!
- シェーダによる揺らぎ演出とドット模様が組み合わさった演出が面白い DOT TO DOT のウェブサイト
- ドイツに実際に存在する本物の炭鉱のなかを探索できる WebVR コンテンツが面白い
- 今回もすごいぞ Adult Swim! 動物をモチーフにした大迫力の 3D サウンドビジュアライザ!
- 広がりのある空間上で立体的にノイズを活用! Andre Mattos さんの実験作 LAYERSCAPE が面白い
- 作品の持つ世界観を見事に体現! Pixi.js を利用したシェーダエフェクトが生きるムンク展のウェブサイト
- 遊び心満点の楽しさいっぱい! 音楽やアートをテーマにしたフランス料理店 sketch London のウェブサイト
- 透明感のあるデザインが美しいファッションとヘアスタイルを手掛けるサロン Mistretta Coiffure のウェブサイト
- 動体視力と反射の素早さが試されるリズムゲーム Adoratorio Summer Club がおもしろい
- 今年は 12/1 と 12/2 の連日開催! 国内初のシェーダバトルも予定されている Tokyo Demo Fest がアツい!
- まるでカリブの海賊の世界のような本格アドベンチャーイベントを企画する Asaro のサイトは雰囲気満点
2018 年 10 月
- レンズで空間が歪んだかのような独特な演出が面白いイタリアワインのオリジナルウェブサイト
- 様々なインタラクティブ性のある演出が楽しさ満点! WebGL 実装の実績も多い Wonderland. のウェブサイト
- ユニークな 2D 表現も活用した多彩な表現が面白い! ポルトガルの IT 系コンサルティング企業のウェブサイト
- 無限に広がる空を行く! 面白いコンセプトが目を引く WebGL 製のリクルートサイトが面白い
- 深度マップを利用してパーティクルの位置を制御する興味深い実験作 Volumetric Display が面白い!
- 雑味や小細工は一切無しの超シンプルな Pixi.js 製シーン遷移演出がじわりと沁みる Erik Jørgensen のウェブサイト
- ラインのみで構成されているとは思えないほど多彩な表情を見せる興味深い WebGL 実装 Mandala 3D
- スクロールと共に次々と現れる 3D シーン遷移が面白いデザインスタジオ MOXY のウェブサイト
- ミュージックイベントの開催に合わせて公開されたポスタージェネレータでオリジナルのポスターを作ってみよう
- ぜひ若い人たちにも見てもらいたい! インターネット黎明期を連想させるあまりに刺激的なアディダスのウェブサイト
- 1970 年以降の地球規模での地震データを大規模に可視化した Moment Zero がすごい!
- Wikipedia の更新状況を取得し地球儀の上にマッピングした可視化事例 Wiki Edits が面白い
- ダイナミックに変形する布がたなびくような演出がおもしろい MakeReign のポートフォリオサイト
- ドイツで行われたデモパーティ Deadline に出展された WebGL 製のデモ作品 moron がすごい!
- パーティクルが風に舞うようにふわりと浮かび上がる不思議な演出が面白いブロックチェーン関連組織のウェブサイト
- メルセデス・ベンツの新型 EV 自動車 EQC! そのディティールを観察できるフォトリアルな WebGL ウェブサイト
- Pixi.js を利用したシンプルな背景演出が雰囲気に華を添えるスマートウォッチのウェブサイト
- さり気なく施されたスムーズでなめらかなインタラクティブ性がお見事! Robin Mastromarino さんのポートフォリオ
- 最近はあまり見かけなかったけど……やっぱり気持ち良い背景に流体デモを利用したウェブサイト
- キャラクターがグリグリ動き様々な疑問に答えてくれる幼児・児童向けの教育コンテンツ L’Oeuf Kicétou がすごい!
- まるで布がたなびいているようなテクスチャのサンプリングが面白い衣服メーカーのウェブサイト
- 水や風など自然をイメージさせる演出が上手に取り入れられたスキンケア商品のウェブサイト
2018 年 09 月
- glTF や 環境光センサーなど先進的技術と様々な工夫が凝らされた three.js + Nuxt.js 製ポートフォリオサイト
- イントロデモから About ページまで……その全てにハイレベルな WebGL シーンが描き出される驚きのウェブサイト
- 本格派 WebGL 製 FPS など多数のゲームや WebGL デモの製作実績を持つ Dominic Szablewski さんのウェブサイト
- あなたの秘密を聞かせて? 鏡のような表現が面白い、映画 A Simple Favor のサイトは「秘密」でいっぱい
- まるで映像作品のように滑らかで自然な動きが目を引く WebGL 実装がすごい! 名古屋エステイト社のウェブサイト
- 火星探査ロボットを自作しよう!? Github でソフトウェアのソースコードも公開されている JPL のプロジェクト
- ブルームやノーマルマップ、パーティクルなどを駆使した高品質なシーンを楽しめる A. Human のウェブサイト
- 全方位スキャンが可能な巨大なゲート? 荘厳な雰囲気で魅せる IGOODI の WebGL 製ウェブサイト
- 流体表現や深度情報を利用した多彩なシェーダテクニック! 美しいビジュアルを堪能できる Mika Chernov さんのポートフォリオ
- まるで糸のようにふわふわ動くライン描画と水彩表現が見事! Brother の日めくり絶滅危惧種がすごい!
- ニューヨークの街を駆け抜けるシェア自転車たちの軌跡を描く可視化事例 citi bike commute
- 水面から差し込む光の表現も見事な Pixi.js 製の演出が面白い! 映画 CARGO のウェブサイト
- 約 3500 もの惑星を巡る遥かな旅路…… NASA のデータを利用した Exoplanet Explorer がスゴイ
- 遊び心溢れる演出で楽しさ満点! ホバーエフェクトも面白い CocoBongo のウェブサイト
- ツイートの内容を元におすすめ作品をレコメンド! ズームブラー演出が特徴的な TSUTAYA AI のウェブサイト
- パーティクルを活用した様々な表現が素晴らしい! 新作映画のティザーサイトがすごい
- 平面的な演出が中心でも驚くほどの立体感が楽しい! Louis Ansa さんのポートフォリオサイト
- WebAssembly を利用することで高速で軽快な動作を実現した Unity WebGL Player 製のブラウザゲーム Tanks!
- ひとつひとつの作品の完成度の高さが光る! WebGL で作られたアート作品が楽しめる Web Graphics Experiments
- Matcap の陰影表現が面白いフランスの人気アーティスト Justice のニューアルバム Woman worldwide のウェブサイト
2018 年 08 月
- 小説と楽曲にインスパイアされて制作されたストーリー性のあるミュージッククリップ The Fall of NeoDubai
- 帝国データバンクの情報を可視化し各地域を牽引する企業情報を美しくビジュアライズ! LEDIX がスゴイ!!
- GLSL シェーダスクール 2018 募集開始!「表現すること」をメインテーマに今年も豪華講師陣が参戦!
- VR モード、データのエクスポートなど多数の機能を備えた驚きの WebGL 実装 Origami Simulator
- ボクセルを使ってオンライン共有空間にキューブを配置できる実験的プロジェクト bloxity が面白い
- ハイレベルな WebGL 作品を含む多数の実績を持つデジタル・クリエイティブ・エージェンシー AQuest のウェブサイト
- ユネスコなどが取り組む世界的・国際的な問題提起をアートで行う 17 Issues Interpreted
- 水や揺らぎをテーマにした演出を上手に利用! 水着やサーフィン用グッズなどを販売する Olaian のウェブサイト
- Dell のゲーミングモデルのために作られたミニゲーム付きの特設サイトがおもしろスゴイ!
- レイヤー構造が繋がっては離れる不思議な表現! Natureboy Flako - Theme For a Dream のサイトが面白い
- Pixi.js とノイズを上手に活用! 動画のトランジション演出を中心に丁寧に作られた Yard Agency のウェブサイト
- 過去 200 年のあいだに金融や経済がどのように成長してきたのかを可視化した State Street GROWTH が面白い
- 満を持して登場する Magic Leap 社の最新 MR デバイス! わくわくするような WebGL 製デモも登場!
- アメリカの EV 自動車メーカー Faraday Future の FF 91 をじっくり堪能できる WebGL 製ビューア
- WebGL を利用した画像の疑似立体表現が面白い! ヨセミテ国立公園で行われるイベント Epicurrence のウェブサイト
- リアルタイムかつインタラクティブに棚を設計! WebGL 製のコンフィギュレータがすごい!
- 様々なプラットフォームに対応し WebVR・WebXR API を利用した VR モードも楽しめる CRYSTALIS VR が面白い
- 世界最大規模のロードレース、ツール・ド・フランスの栄光の黄色いジャージをテーマにしたウェブサイト
- UV をクランプしたような演出が面白い! 映像制作などを行うプロダクション MFG のウェブサイト!
- パーティクルを使ったイントロ演出と画像のトランジション演出が面白い Flow Studio のウェブサイト
- カップとボールを使って実績解除!? ちょっとしたパズルゲーム風のおもしろ物理演算 WebGL 作品がすごい
- 遠近感をうまく利用しラインやボックスをパースを掛けて描画した Bricks development のウェブサイト
- 地形や建造物のデータをリアルタイムに取得して動的にジオメトリを生成する Little Big City が面白い!
2018 年 07 月
- とってもシンプル、でもそれがいい! 滑らかに流れるような動きに統一感のある Grand Image のウェブサイト
- 独特な質感とカラーリングが楽しい! アーティストとのコラボサマーパッケージが眩しい! BAKE Inc. のウェブサイト
- ビルボードを利用した表現が不思議な立体感を演出するロンドンのレストラン KOOX のウェブサイト
- フランスのデモパーティ VIP 2018 で公開された WebGL 製デモ作品 From Brain With Love が面白い
- 多数のアワード受賞歴を誇るエージェンシー 60fps のパーティクルを利用した表現が面白いウェブサイト
- 著名な四人の女性たち……その内面の美しさまでを表現した Pixi.js 製のウェブサイト Beyond Beauty
- ノルウェーで開催されたデモパーティ Solskogen 2018 に出展された Ninjadev の WebGL 製デモ作品 Pinky Frinky
- ずーっと見ていられるアブストラクトでクールな WebGL Experiment ネオンのような輝きの TRACK がすごい
- 全天球シーンのように全方位を眺めることができる不思議な感覚……核兵器の不拡散運動のウェブサイト
- グリッチ風のシーン遷移演出がかっこいい EV ブランド開発カンパニー BLAZE のウェブサイト
- モノづくりへの想いを見事に WebGL で再現! 工作マットを想起させるデザインも秀逸な株式会社 YOKOITO のウェブサイト
- Facebook の Instant game を WebGL で構築するケーススタディ! かなり具体的な内容に驚きの連続!
- Spotify の API を利用して色と動きで表現するシンプルな WebGL デモ作品 NINX が面白い
- シェーダ芸人たちの聖地 Shadertoy にインスパイアされたオンラインシェーダ共有サイト Shaderoo が面白い
- 自動車メーカー Volvo の車載機能を様々な角度から体験することができる WebGL コンテンツ
- ムービーファイルに様々な工夫を凝らし、three.js のレンダリング結果を深度の破綻なく描画する WebGL 実験作!
- クオリティもボリュームも異次元の凄さ! アミューズメント施設をブラウザ上に完全再現したデモがすごい!
- 数学や物理を応用した美しいインタラクティブアートの数々! Xiaohan Zhang さんのポートフォリオサイト
- Gobelins の 5 人の生徒達によって作り上げられた WebGL 製の超大作! Heraclos が異次元の仕上がりで本当にすごい!
- Adult Swim のアニメチャンネル Toonami のサイバー感あふれるウェブサイトがかっこいい!
- サッカーのワールドカップに合わせて公開された驚くべき完成度の WebGL 製ミニゲーム 2018 Foosball World Cup がすごい!
2018 年 06 月
- 相変わらずのクオリティとセンスが光る! 韓国人の開発者 302chanwoo 氏のインタラクティブ・アートブック
- 幻想的な雰囲気が見事! フィレンツェで開かれたミュージック・フェス Lattexplus Festival 2018 のウェブサイト
- まるで水彩絵の具が滲んで消えていくような不思議な演出が面白い! 台湾の航空会社 EVA Air のウェブサイト
- カードが箱から飛び出す表現が面白い! カードゲームを販売する The Cool Club のウェブサイト
- 実際の空港のデータを使って表現されたエアポート由来のボロノイ図が面白い! Voronoi Airports WebGL
- 同じテーマの中にも異なる質感で変化を演出! Nojima Kosuke さんのポートフォリオサイト
- パーティクルをドットに見立てた不思議で迫力のある表現が素晴らしい Mathis Biabiany さんのポートフォリオサイト
- ド派手な遷移エフェクトやマウスカーソルのインタラクションが美しい Xperia XZ2 の特設サイト
- 自分の顔写真をテクスチャに! オリジナルの鎧甲冑アバターを作ることができる Samurai avatar
- 動画を中心にしつつちょっとしたアクセントに WebGL を利用! スイスにあるコンサルティング会社のウェブサイト
- こんなウェブサイト見たこと無い!? 個性的で独創的なセンスが光る Studio Regale のウェブサイトがすごい
- フラクタルが美しいフリーランスのグラフィックスプログラマー Conner Bell さんのポートフォリオ
- TOYOTA 公式の WebGL & WebVR コンテンツ! Camry をウェブ上でカスタムできる Camry Web Configurator
- 火星への有人探査が成功した暁には…… 火星に立てる旗をテーマにしたイベントのウェブサイト
- 大量に用意された人工衛星のモデルデータとそれらに関する説明を見ることができる NASASPACECRAFT がすごい!
- イタリア最大手のモバイル通信事業会社 TIM が提供する The History of Connection が近未来的でかっこいい
- 完全なる新しい感動を体験することができるオンライン絵本 Oat the Goat があまりにもすごい!
- デモ版もプレイ可能な three.js を利用した全方位シューティングゲーム作成のチュートリアル記事
- フランスの国鉄が仕掛けたユニークな防犯キャンペーンが VR 仕立てのホラー作品で本当にすごい!
- 流体のような銀河のような……不思議な演出が面白いデザインスタジオ Wonderland のウェブサイト
- 掲載事例の量だけを見てもすごいのだが……Clément Chenebault さんの平面と立体を感じさせる見事なポートフォリオサイト
2018 年 05 月
- 日本人が読むのはちょっと大変だけど……オーストリアのスキー旅行を疑似体験できる WebGL 製ウェブサイト
- ウェブカメラを使って顔認識を実現した驚きの WebGL 作品 Stinkmoji がすごい!
- ハッキリとした個性が光る! スウェーデンにあるデジタルプロダクションスタジオ Studio Björk のウェブサイト
- 多彩な表現とインタラクションにワクワクが止まらない! ヒラメキの宝庫 Daily CSS Design がすごい!
- 任意のロゴ画像などから独自のパーティクルシステムを使ってデモを作成できる NextParticle
- 一見すると WebGL が使われているように見えないかも? 微細なこだわりが詰め込まれた WebGL 製ウェブサイト
- オンライン対戦やプライベート設定でも楽しめる WebGL 駆動のオンラインゲーム Warscrap が面白い
- WebGL を用いた滑るようなトランジション演出を堪能できる Kenta Toshikura さんのポートフォリオサイト
- トゥーンレンダリング風の 3D 空間をそのまま利用した独特な雰囲気が面白い David Lettier さんのポートフォリオ
- Unity の WebGL ビルドでウェブのアワードを受賞! 最適化のポイントなどが書かれたブログ記事も公開中!
- 一貫性のあるデザインで幾何学模様を上手に活用した Romain Breton さんのポートフォリオサイト
- 文字の変形演出に Pixi.js を利用! 多彩な技術を駆使した Orus Executive Search のウェブサイト
- 複数画像のトランジションや波打つようなアニメーションを簡単に実現する WebGL 利用のライブラリ curtains.js
- AI と 機械学習を活用した WebGL コンテンツ! Google I/O で公開された World Draw がおもしろスゴイ!
- 数々の高品質 WebGL 事例を手掛けてきた Interactive Developer、Giulian Drimba さんのポートフォリオサイト
- 日本の中学生たちの手によって生み出された映像作品を紹介する CLASS for CREATING MYSELF
- WebVR モードも備えたまるでゲームのような作りが面白い UFOMAMMOOT のウェブサイト! PlayCanvas 製の本格派フロントエンド
- みどころは画像に対する多彩なエフェクト! イタリアにあるガラス工房 Barovier & Toso のウェブサイト
- 強烈な個性を感じさせる配色とさりげないエフェクトが面白い Fazeta のウェブサイト
- マンハッタンの街並みを独自の WebGL 実装で可視化したビジュアライズ作品 All the Buildings in Manhattan
- イタリアのハウスウェアメーカー Alessi のウェブサイト The Five Seasons がすごい!
2018 年 04 月
- 豊富な素材とランニングフォームを選び自分だけのオリジナルランナーを走らせる! Nike React が面白い!
- Google Trends を元にした時系列のデータを可視化できる特殊な globe デモ Me Too Rising
- こんな Cool なグリッチエフェクトなかなか見られない! 高品質エフェクトを堪能できる Metropolis のウェブサイト
- ミャンマーにある世界三大仏教遺跡バガンを巡る Google 謹製 WebGL コンテンツがすごい
- 本場ロンドンの実店舗で撮影された写真を使ったリバティ ジャパン(LIBERTY JAPAN)のスペシャルコンテンツサイト!
- シンプルで斬新な 3D 表現が見事! バナーやフラッグなどプロモーション用品を扱う Promoflex のウェブサイト
- 独特な操作感も個性のうち? 様々な驚きの詰まったインタラクティブ性が楽しい Ben Mingo さんのポートフォリオ
- まるで粉末のように飛び散るパーティクルが面白いデジタルプロダクション Salt & Pepper のウェブサイト
- 中国のとある企業のデモ作品? 2018 年のアニバーサリー WebGL デモ作品がとっても Cool
- インタラクティブなコンテンツの見せ方が光る! Gobelins 出身の 3D デザイナー Célia LOPEZ さんのポートフォリオ
- three.js をベースに WebGL で画像遷移のトランジションエフェクトを実現する hover-effects が素晴らしい出来
- まるでガラスや鏡が組み合わさって作られているかのようなエフェクトが面白い Leviev Group のウェブサイト
- 凄まじい完成度のブラウン管モニターとレトロなゲーム画面が味わい深い Tamat's website がすごい!
- オシャレなイージングアニメーションをたっぷり堪能できる株式会社エスタイルのコーポレートサイト
- 遊び心あふれる空気感が楽しい! ドバイにあるデジタルエージェンシー RUYA のウェブサイト
- 自動で解答を判定してくれる機能が楽しい Hugh Kennedy さん作の GLSL シェーダチュートリアル
- マウスひとつで操作できサクッと遊べる WebGL 製のミニゲーム CYBERPWNK RUN
- 普通の流体表現とはちょっと違ったジェネラティブな流体表現が面白い WebGL デモ作品
- 波打つ動きが面白いオーディオ機器などを販売する Bang & Olufsen の 2018 年春夏コレクション特設ページ
- 美しいフォトリアルな 3DCG で各種スマートフォンの外観を比較できる Hotspot 3D
2018 年 03 月
- コロンビアに実在する小さな島の生活にフォーカスした Google 謹製 WebGL コンテンツ The School of Sustainability
- 様々なアトラクタを可視化できエフェクトのパラメータ調整も行える Strange Attractors がすごい!
- 自己制作のショートムービーと WebGL を利用したミニゲームが融合したオリジナルの映像作品 ONE LAST BEAT
- WebGL を使うことの意義を考えさせられる恐るべき完成度! Genesis Noir のティザーサイトがすごい
- 流れるような揺れるような不思議なアニメーションが心地よい Mustafa Celik さんのポートフォリオサイト
- 演出は印象的かつ控えめに…… UI & UX を追求するドイツ人デザイナー Kadir Inan さんのポートフォリオサイト
- モーション・エフェクト・サウンドが一体となったビジュアルが面白い MASAYUKI DAIJIMA さんのウェブサイト
- 優れた UI で操作も簡単! ブラウザ上で 3D モデリングが行える高機能なウェブアプリケーション VECTARY がすごい
- パーティクルが舞う華やかな印象が見事! youtube 公式ウェブサイトに見る高品質 WebGL コンテンツ
- まるで擦りガラスのような質感が非常に美しいビジュアルを描き出すブロックチェーン閲覧ツール Symphony
- あまりにも強烈なセンスに満ちたポートフォリオサイト Ronin161 がすごい!
- UNIT9 所属の凄腕クリエイティブデベロッパー Luis Henrique Bizarro さんのポートフォリオサイトがかっこよすぎる
- Babylon.js と CreateJS のハイブリッド設計! 物理演算も面白いポートフォリオサイトが楽しい!
- 北京やドバイで活動するインタラクティブ・デザイナー Nathan Gao さんのシンプルさが光るポートフォリオサイト
- ポップな雰囲気が素晴らしいスウェーデンを拠点に活動するクリエイティブ・エージェンシー Twotwentytwo のウェブサイト
- 螺旋をイメージさせる演出が光る! 様々なプロダクトデザインを手がける株式会社ブルースデザインのウェブサイト
- スイスにおける過去 50 年間のヒットチャートを奥行きのある空間にランキングと形式で配置した WebGL デモ
- いずれの作品もその高い完成度に驚かされる Patrick Heng さんのポートフォリオサイト
- 再生される BGM との相性もバッチリで静かな迫力に満ちた作品を生み出す Richard Mattka さんのポートフォリオ
- 手作りの「匠の技」を折り紙をモチーフに WebGL で再現した Lexus ブランドのウェブサイト
- 世界がまるで違って見える? 統合失調症についての社会的な理解を訴えるプロジェクトの特設サイト
- ミラノで開催されるイベント Digital Design Days 公式の WebGL Experiments が良作だらけですごい!
2018 年 02 月
- three.js の基礎からピュア WebGL 実装でのシェーダテクニックまでを徹底解説! WebGL スクール 2018 募集開始します
- 地図表現やイントロデモが秀逸! アゼルバイジャンで行われる F1 グランプリの特設サイト
- オリンピック委員会関連組織による公式のオリンピックチャンネルに聖火の 3D ビューアが掲載中
- フリーランスのグラフィックスプログラマー David Lenaerts さん作の立体的なボリューム流体デモがすごい!
- フランスのエージェンシー Hands の 2017 年を振り返る「手」をテーマにしたデモがすごい
- ノイズを使ったエフェクトやイージングアニメーションが写真をいっそう引き立てる SKYN のウェブサイト
- 印象的な色使いと確かな技術力を感じさせる Robin Payot さんのポートフォリオサイト
- フランスで行われるアートとイノベーションをテーマにしたイベント Mirage Festival のウェブサイト
- バレンタインデーのタイミングでリリースされた Jam3 のオリジナルコンテンツ Love Lost
- スイス人の女性指揮者 Lena-Lisa Wüstendörfer さんの両手のモーションデータを利用した WebGL 可視化デモが面白い
- パーティクルやタイトルロゴの動きにも注目! 光と闇の演出が美しい STARFLYER のウェブサイト
- トンネル風の事例紹介が独特で面白い! パリを拠点に活動する Uncanny Valley Studio のウェブサイト
- フランスのウィンタースポーツ用品を扱う企業 Wed'ze の今冬シーズン特設サイト
- オリジナルアプリでの AR モードも体験できる New York Times のオリジナルコンテンツがすごい!
- サウスウエスト航空の乗客たちの 175 にも及ぶフライトに関するストーリーを見ることができる 175 Stories
- 気持ち悪いような面白いような……不思議で独特な世界観を持つ作品を多数掲載したポートフォリオサイト
- 飲料メーカー大手のペプシが手がける WebVR コンテンツはバックトゥーザフューチャーとのコラボ企画
- フラクタルの世界を存分に味わえる興味深いデモプロジェクト Pixel Play が面白い
- シンプルで控えめな二次元表現がさりげなく印象に残る Julie Bonnemoy さんのポートフォリオサイト
- まるで映画のワンシーンのような高品質な WebGL のレンダリングは世界でも随一! Active Theory のウェブサイト
2018 年 01 月
- 様々な人達のもとをインタビュー形式で巡るアバター求人ページが面白い! Ueno Interview
- 相変わらず異次元のすごさ! makemepulse の 2018 年アニバーサリーサイトがすごい!
- スクロールと共に変化する世界の色! その美しい色彩に思わず目を奪われる WebGL 製ウェブサイト
- アナグリフ風の表示にも対応した印象的なイントロデモが面白い! ドイツのデジタルプロダクションのウェブサイト
- サイバーな世界観の三次元空間を進んでいく WebGL 製のショート MV 作品 run_grids
- WebGL を利用しても色濃く映し出される美術家の感性……寺田佳央さんのポートフォリオサイト
- 12 のテーマをもとに一般の市民からの応募も受け付ける一大アートイベント Possibles のウェブサイト
- 経営コンサルタント企業のホームページに見るワイヤーフレーム的な幾何学オブジェクト
- フランスのストリートシーンを賑わす異色のファッションブランド Drôle de Monsieur のウェブサイト
- ベルギーにある映像制作や映像配信サービス大手 EVS の 2018 年のティザーサイト
- お気に入りのプレイリストを WebGL と組み合わせてリッチなコンテンツとして公開した Play.Gusto
- Pixi.js の開発元が提供する実験作! テクスチャの投影を利用したミニパズルゲーム Spaceman
- 型に嵌まらない新しい日本のお菓子のかたち! コンセプトにぴったりの WebGL 演出がすごい!
- 多くの素晴らしい WebGL 作品で知られる Yi-Wen Lin さんのポートフォリオサイトがリニューアル
- リムライティングと後光のようなエフェクト表現でとても美しい地球を表現している Evoulve のウェブサイト
- 数学の基礎から Git や Node.js の使い方まで! 今年はグラフィックスプログラミング予備校を開催します
- IoT と農業を組み合わせたこれからの畜産の形を提供するデザミス株式会社のウェブサイト
- ふわふわと柔らかそうな質感表現がたのしい! Loaded のコーポレートサイト
- 懐かしのカセットテープを WebGL 作品に仕立てた ATOMIXTAPE が面白い!
- 2018 年もよろしくお願いします! 新年早々に公開された WebGL コンテンツを紹介
2017 年 12 月
- 今年も一年ありがとうございました! WebGL 総本山に見る 2017 年
- Blender と Babylon.js を使って glTF で高品質なレンダリングを実現するためのチュートリアル記事
- その独特な空気感についていけるか!? 個性を存分に詰め込んだコーポレートサイト
- 小さなパーツがたくさん集まって表現されるダイナミックな動きが楽しい! 株式会社オロの採用サイト
- キーボード入力で録音し独自の効果音を組み合わせることもできる楽しいサウンド系 WebGL デモ作品
- 超実力派のハイレベルな WebGL 作品が盛りだくさん! Bruno Simon さんのポートフォリオサイト
- 独特の世界観に見るものを引き込む! The Disaster Artist のティザーサイトが面白い
- 毎年恒例となったクリスマスにちなんだ WebGL 作品のアドベントカレンダー Christmas Experiments
- 優しく撫でるとふわりと裏返る!? トゥーンレンダリング風の不思議な質感の WebGL 作品
- ぐいぐい「動く」楽しいインタラクションがすごい! クリスマスにちなんだ Resn からの贈り物
- シンプル操作が熱中を誘う! 荷物を届けまくる WebGL 製ミニゲーム UPS Delivery Day Game
- 魅惑的な模様がたくさん登場! ニュートン法を用いて様々な計算結果の可視化を実現する WebGL デモ
- PlayCanvas 製の見下ろし型多人数同時プレイ・オンラインシューティングアクション Robostorm
- ヨーロッパの現実の街を舞台にしたアドベンチャー型のイベントを提供する HiddenCity の特設サイト
- Pixi.js を使った多彩なビジュアル表現が見事! ロシアのウェブエージェンシー Vintage のウェブサイト
- まるでギターの弦を弾くようなイントロ演出も面白いレコーディングスタジオのウェブサイト!
- モノクロ+ノイズでレトロ感を上手に演出! 有名ソプラノ歌手マリア・カラスの公式サイト
- ストレスを感じさせないスムーズさと WebGL の見事な一体感が素晴らしい! 田島太雄さんのポートフォリオサイト
- 君は王になる資格があるか? MONOGRID 制作のキー入力で遊ぶ WebGL 製ミニゲーム
- ちょっとした演出にこそこだわりたい! Codrops に投稿された three.js ベースの WebGL 背景作例集
- 未来のスターが見つかるかも? Gobelins で行われた 3D Music Experiments の作品群
2017 年 11 月
- WebGL 2.0 を強く意識した設計と豊富なデモが参考になる! ハイパフォーマンスな WebGL ライブラリ PicoGL.js
- クリーンな雰囲気がぴったり! 大気の状態を調べる気象系センシングをグローバルに展開する Clarity Movement のウェブサイト
- Adult Swim に掲載されている驚きの物理演算系 WebGL デモ! Elastic Man がすごい!
- 重ねと歪みが生み出す美しいインタラクションが見事! VIRTUAL SELF のウェブサイトがカッコイイ
- それはまるで質量を持った幻のよう……魅惑的な美しさに満ちた写真家・渡邉肇さんのウェブサイト
- 世界中の不思議な伝承にまつわる生き物たちと出会える幼児向けアプリのウェブサイトが面白い!
- 次世代 3D モデルフォーマット glTF 形式でのエクスポートもサポートしたプロシージャルな樹木のモデル生成デモ
- 2018 年のワールドカップに向けたオリジナル商品の PlayCanvas 製特設サイト! ミニゲームに挑戦しよう
- カーレースの世界の表と裏を見事に演出しつつ場面転換も大迫力! Red Bull Racing のサイトがすごい!
- 物理演算を用いたボクセルデモや一風変わったサウンドビジュアライザなど不思議な作品がたくさん!
- 日本人の好みにはちょっと合わないかも……クリスマス商戦に展開されるキャラクターのサイト
- デジタルエージェンシー Red Collar のウェブサイトに見る印象的な WebGL の演出効果
- 本物の質感へのこだわりがすごい! ハートランドビールのアートプロジェクト Journey Around HEARTLAND
- ネットショッピングの大手 eBay のドイツにおける市場調査レポートが PlayCanvas 製ですごい!
- 多数の受賞歴を持つ Shane Mielke 氏の著書「LAUNCH IT」の購入者をマッピングした WebGL デモ
- アディダス UK は本当にすごい…… WebGL てんこ盛りでサイバーな雰囲気もカッコイイ!
- 巨人 Google が 3D モデルデータのアップロード・共有サービス Poly の運用を開始!
- 巨大な地図を使った表現が広大な世界を演出! 三菱アウトランダーの国外向けウェブサイト
- 墨が落ちて広がるようなシーン遷移も見事な WebGL 製ポートフォリオ BLACKOUT がすごい
- フランスにあるレコーディングスタジオからライブ配信! 迫力ある WebGL のビジュアルも魅力!
- 有名ファッションブランド、ブルガリの特徴的アクセサリ Serpenti の特設サイトが特盛りですごい
- アイスランドを愛するひとたちが思いを込めたアイスランドの魅力を伝えるウェブサイト
2017 年 10 月
- スタートアップ事業への投資などを行う企業 Inculerate のコンセプトサイト
- オーストラリアにある世界遺産フレーザー島にちなんだドキュメンタリーを見ることができる WebGL コンテンツ
- VR や AR に特化したクリエイティブスタジオ Lusion のウェブサイトとその制作過程を記したブログ記事がすごい!
- まるで細胞が構成されていくかのような演出が見事なアイスランドのシンガー・ソングライターのウェブサイト
- 若きデベロッパー作のサウンドビジュアライザはシンプルだからこそ良さが引き立つ一品
- 最近にわかに流行中? 疑似ディスプレースメント特盛りで不思議な雰囲気満点な Reflet のウェブサイト
- 風船のようなオブジェクトと効果音が面白い! 今年で創立 10 周年を迎えたウェブ制作会社 Locomotive のウェブサイト
- その天才的な感性に震える! 韓国人開発者の手による WebGL 製デジタル絵本がマジですごい!
- その圧倒的なボリューム感にただただ脱帽する……Star Wars と LEGO ブロックがテーマの VR コンテンツ
- WebVR に対応し手書き風の 3D ペイントが可能! 独自の点滅するライン表現が面白い Norman
- 豊富な商品バリエーションをわかりやすく「見せる」ための WebGL! Pixi.js 利用のチョコレートのブランドサイト
- ビジネスシーンを脳の部位に例えてビジュアライズした面白い WebGL 疑似ディスプレースメントデモ!
- ブレることのない一貫したテーマ製のあるビジュアルが本当に見事! Les Animals. のウェブサイト
- レディースファッションブランド Robert Clergerie のいろんな意味でセレブな WebGL デモサイト
- VJ 用の CG 映像をブラッシュアップ! 街の景観を 3D 空間にマッピングする和製 WebGL デモ作品
- いわゆる心理テストのような質問に答えることで独自の世界をビジュアライズする Thymia が面白い
- アディダスの新作シューズの機能性を WebGL で表現! 雨や雪の表現が面白い
- Pixi.js を利用しつつも自然な動きで演出! ベルギーのスタイリストさんのウェブサイト
- VR コンテンツをブラウザベースで制作できる Visor で作られた美術館のバーチャルツアーコンテンツ
- [寄稿] WebGL と Emscripten で支えるお絵かき機能
- テーマ性がわかりやすくしかもカッコイイ! 地図情報の提供などを行っているグローバル企業のウェブサイト
- ハイトマップを利用して雲もリアルに! 世界トップクラスのチーズメーカーのウェブサイト
2017 年 09 月
- Pixi.js を用いた演出だけじゃない! 横方向にスクロールする構造も面白い Thomas St John Group のウェブサイト
- WebGL 製コンテンツも作品の一部!? 独特な雰囲気をたたえたビジュアルポエトリー A Pill Is A Moon
- まるで絵本の中に入ってしまったかのような懐かしい気持ちを噛み締められる WebGL 作品 Short Trip がすごい
- プロゲーマーたちが白熱バトルを繰り広げる! イギリスでゲーム配信などを手掛ける Gfinity のウェブサイト
- Artificial Neural Network(ANN)を WebGL で可視化しインタラクティブに操作できるデモ作品
- 様々なセンサーを利用して活火山を分析・研究するプロジェクト! WebGL を利用したサイトも面白い
- 食材を組み合わせて音楽と映像を作り出す! インタラクティブにコンテンツを生成してみよう
- データ可視化から VJ・アートまで! GLSL シェーダスクール 2017 募集開始!
- 名作ゲーム「メトロイド」シリーズを愛する人たちによる非公式ファンサイト #OPERATIONSAMUSRETURNS
- ファッションの本場パリを拠点に活動している若手デザイナー 重松健太さんのウェブサイトがすごい!
- 小粋な演出が光るデニム製品を中心に展開するファッションブランド G-Star RAW のウェブサイト
- ANA が海外向けに日本の情報を発信しているサイト IS JAPAN COOL? で公開中の「道」がすごい!
- これが Samsung の本気! Galaxy note8 を紹介する製品ページは three.js と Pixi.js の二刀流!!
- 巨大なスクリーンが幻想的な世界を鮮やかに描き出す! WebGL を上手に活用したグラヴィタスのウェブサイト
- Google 謹製の WebVR コンテンツは自分の踊る様子をシーンに加えることもできる驚愕の出来栄え!
- 最先端を行くクリエイター養成スクールの老舗デジタルハリウッドのウェブサイト
- 品質もボリュームも桁外れなスケールで描かれるハリー・ポッター関連サイトがすごい!
- 波打つ動きと大きめのレイアウトを大胆に組み合わせた演出が参考になる! スペインのウェブサイト
- 6月に開催されたイベント REPUBLIC で VJ 作品として公開された ShibuyaCrowd がすごい!
- 先日 Version 3 がリリースされた Babylon.js を利用! 日本人作者による WebGL の小作品が面白い
- 砂のようなパーティクルがあまりにもお洒落なロシアのデザインスタジオ Looi のウェブサイト!
2017 年 08 月
- さりげない WebGL の利用でセンスを引き立てる! カナダにあるお洒落オブジェを販売するブティックのウェブサイト
- WebGL で作られたブラウザゲームとしては本格派のレーシングゲームが楽しめる Team Alpine Matmut Challenge
- 豊富なソースコードを参考に! 小さな GLSL ジェネラティブアートが大量に公開中
- その強烈なセンスをどう受け止める? 英国・ボルトンを拠点にする UI UNICORN のウェブサイト
- ちょっとめずらしい「髭」をテーマにした WebGL コンテンツが面白い求人告知ページ
- TV や映画など様々な分野で存在感を放つダンスノットアクトのウェブサイトが本格 WebGL 利用でリニューアル!
- カナダのトロントにあるレストラン Southern Accent のウェブサイトに見る WebGL 全球背景
- Google 所属のエンジニア jongmin kim さんのマシンラーニングとパーティクルを活用したデモがすごい!
- 世界を舞台に活躍する日本人フロントエンドデベロッパー Keita Abe さんのポートフォリオがすごい!
- WebGL を利用してミュージックビデオを独自に再現! 制作過程を綴ったブログポストも大変興味深い内容
- ロゴも刷新され WebGL や CSS アニメーションを利用した美しいサイトに生まれ変わった AID-DCC Inc. のウェブサイト
- まるでメープルシロップが溶けて広がるように……オランダにあるデジタルデザインスタジオのウェブサイト
- サウスウェスト航空のフライトデータを独自のアルゴリズムで抽象的なアート作品に仕上げた Heart of Travel
- アパレルブランド BONDS の超ハイテンションな WebGL 製インタラクティブコンテンツ
- 上野、国立西洋美術館で開催中の 16 世紀の画家「アルチンボルド展」公式サイトに見る WebGL 実装
- 仏・パリにある歌劇場「ガルニエ宮」のシートに名前を付ける!? 一風変わった WebGL コンテンツ
- セキュアな環境でチャットや通話ができるサービス Gleec のティザーサイトは神秘的な雰囲気満点
- インタラクティブな画像処理的なアプローチが面白い Pixi.js を駆使した Gusto IDS のウェブサイト
- 眠っているときに見る夢の世界……とりわけ悪夢をテーマにした不思議な世界観が魅力の WebGL コンテンツ
- ナショナルジオグラフィック提供の化石をテーマにしたスクロール連動型 WebGL コンテンツが面白い!
- ソーシャル系のサービスと連携することで自然保護を訴える WebGL 製のデモも美しいウェブサイト
- モダンで美しく「C」のアルファベットで演出! 郡山市にある写真スタジオのウェブサイト
- ソフトパーティクルを用いた自然な雲の表現が秀逸! ポストエフェクトもモリモリな WebGL 雲海デモ
2017 年 07 月
- 公開時には大きな話題になった Google 謹製 Music 系コンテンツとその技術解説記事
- フィレンツェで行われた大型フェス・イベントの告知ページは不思議な世界観が魅力の痺れるかっこよさ!
- まるでレンズディストーションのような効果が面白い! 実装の裏側なども語られる興味深いブログポスト
- Microsoft 謹製の WebGL ライブラリが PBR(物理ベースレンダリング)に対応! ハイクオリティデモを体感しよう!
- より多くのひとに「3D」を活用した住まいの検討を……日本の国内企業が提供するバーチャル住宅展示場サイト!
- 体の痛みを尖った鋭いオブジェクトで表現する! 体の不調をテーマにした興味深い WebGL 事例
- WebGL 関連のコンテンツをこれまでにも配信したことのあるプジョーから VR 風の WebGL デモが配信中
- 質感の高さに思わず見入ってしまう……WebVR 対応を全面に打ち出したインテリア製品向けのデジタルショールーム
- three.js をベースにさらに多くの機能を搭載! Web App やゲーム向けフレームワーク whs.js
- マウンテンデューの新商品紹介サイトに見るシンプルながら迫力のある WebGL 実装
- ベルギーのドキュメンタリー映画の歴史を振り返る! 宇宙を連想させる壮大な WebGL デモ
- SoundCloud と連携しサウンド再生に応じたグラフィックス処理を実現! CSS 処理も面白いウェブサイト
- WebVR 対応のゲーム風コンテンツで映画の世界観を再現! この夏公開の映画 Dunkirk のティザーサイト
- トランスフォーマーのキャラクターが生き生きと動き回る? 選択方式で内容も面白い WebGL コンテンツ!
- 豊富なカスタマイズメニューが素晴らしい! オリジナルボートがデザインできる Boat Configurator
- 様々な職人技のようなテクニックを駆使! インタラクションも素晴らしい Matter Of Mind のウェブサイト
- パーティクルとそのアニメーションで時間を操る! 非常に丁寧なパーティクル演出が素晴らしいウェブサイト
- 謎の中毒性を持つ日本の古いピンボール風 WebGL ゲームなどが遊べるウェブサイト
- 今年もバッチリ WebGL で攻めてきた! Adult Swim のミュージックカテゴリのウェブサイト
- ゴールドマン・サックスのサイトにあるブロックチェインの仕組みを解説する WebGL と CSS の合せ技コンテンツ!
- ドクロが爆発する大迫力のデモやパーティクル表現が面白い! とあるクリエイティブスタジオのウェブサイト
2017 年 06 月
- 波打つシンプルな表現と大きく取られた余白が印象的なイタリアの企業のウェブサイト
- まるで泡が弾けるような不思議な感覚……三角ラインで描画する Image Triangulation Demo
- いかにも若さを感じさせるド派手でポップな雰囲気が楽しい Mike Wojo さんのポートフォリオサイト
- 流れるように滑らかな transform アニメーションと GLSL シェーダエフェクトが組み合わさった個性的なポートフォリオ
- 深度をテクスチャに焼き込み 2D を疑似 3D 化! Pixi.js を利用した驚きの表現が大迫力のティザーサイト
- レイマーチングを GLSL で記述し多層パーセプトロンの出力を可視化した興味深いプロダクト
- 背景全面をシェーダによってインタラクティブに演出! とある幽霊をテーマにした映画のティザーサイト
- インターネットリテラシをゲームでおさらい! Google 公式 WebGL コンテンツはさすがの超品質!
- WebGL 製のオリジナル 3D ゲームが制作できる 3D マップ RPG 作成ツール GameDesignerWorld!
- 動画を利用したパーティクル表現! ミラノにあるファッションアカデミー Accademia Del Lusso のウェブサイト
- おかげさまで更新 1,000 回達成! 大感謝の豪華プレゼント企画開催します!
- 思いを繋ぐ糸のように――東京オフィスが新設された株式会社スタジオ ディテイルズのウェブサイト!
- VR や MR コンテンツ向けの解析サービスを提供する PractivalVR! 近未来風の雰囲気が見事なウェブサイト
- 3D プリンターを WebGL の 3D で描画!? 3D を 3D で表現する面白い WebVR コンテンツ
- 背景全面に WebGL を採用したインタラクティブなシェーダエフェクト! school のウェブサイトが面白い!
- 光と闇の不思議な世界観が魅力の new media art duo を謳う ARIADNE のウェブサイト
- その社名のとおりグリッチ風なエフェクトで事例を紹介する Glitch Paris のウェブサイト
- 流れるような動きが感性を刺激する! フランスの若き開発者 Raoul Gaillard さんのポートフォリオサイト
- イタリア出身で東京在住! インタラクティブアートディレクター Michele Angeloro さんのポートフォリオ
- フランス在住で Shadertoy の常連 Fabrice Neyret さんのシェーダ作品が堪能できるカタログページがすごい!
- 広めに取られた余白が存在感を際立てる! シンプルなクロスシミュレーションデモが置かれたウェブサイト
- 日本発 WebGL フレームワーク Grimoire.js の開発チームが IPA の未踏事業スーパークリエイターに認定!
- 一見すると WebGL だけど実は CSS! 立体的な表現を CSS で行なった驚きのウェブサイト
- シェーダを使った表現の美しさが光る! 凸版印刷の新ブランド・コンセプトサイトがすごい!
- 不思議なクリーチャーがまたもや出現! VR モードにも対応した不思議な世界 VR Avatars
- アメリカの女性シンガー Dawn Richard さんのウェブサイトにあるド派手な WebGL 製デモ&ムービー
2017 年 05 月
- WebGL で美しいクリスタルを描画! とある芸能人の公式サイトがリニューアル
- インタラクションも見事なサイバーエージェントの技術職新卒採用特設サイトがすごい!
- 「リアルタイムスタジオ」を謳う redPlant のウェブサイトと WebGL カスタマイザデモ
- まるで爽やかな風が吹き抜けるかのようなロンドン在住の写真家 Liam Ricketts さんのウェブサイト
- ゴーグルやルーペなど視覚に関連した製品を提供する Univet のウェブサイトに見る 3D 表現
- Pixi.js を利用し揺らぎエフェクトとハーフトーン調エフェクトを合成した表現が見事なポートフォリオ
- アルファベットなどを独特なライン描画を用いて表現する不思議な世界観! Wonderland のウェブサイト
- 流れる動きが面白い! 映像表現や音楽などメディアアートをテーマにする REPUBLIC のウェブサイト
- グローバルに報道機関や金融機関向けに速報アラートを提供する Dataminr のウェブサイト
- HSV 色空間についてインタラクティブかつグラフィカルな表現で理解を深められる Color Theory
- 英国 BBC が運営する実験的アイデアがテーマのウェブサイトで公開されているモバイル VR 作品
- スポーツ用品メーカー NIKE の未来のその先をイメージしたインタラクティブなコンセプトサイト
- Google I/O 2017 用に作られたワールドワイドなインタラクティブコンテンツ bubbles
- フランスの旅行代理店サービス OUIGO が提供する WebGL 製のピンボールが超絶クオリティすぎてやばい
- 中東にある映画の販売代理店 Eagle Films のウェブサイトでひっそりと使われている Pixi.js のインク風エフェクト
- かわいい動物たちが見せる多彩なインタラクションに思わず釘付け! Moments of Happiness!
- イタリア・ミラノで開催される超大型カンファレンス Digital Design Days 2017 の関連サイトが特盛りですごい!
- tumblr を利用したポートフォリオサイトに Pixi.js を利用したスクロール連動エフェクトが冴える!
- ロシアの LEXUS ブランドのウェブサイトがかっこよすぎる! Pixi.js を利用した 2D 表現の極致!
- 音楽も映像もその痺れるかっこよさがもはや異次元! Fractal Fantasy のウェブサイト
- 楽曲制作を中心に活動する Hello1103 が贈る WebGL とサウンドの一体感が面白い作品
- グラデーション模様の背景が美しい WebGL を利用した Cristian Martinez さんのポートフォリオサイト
- 電子回路図をクラウドに保存したりシェアしたりできる WebGL 製のウェブサービス Eyrie
- RL Grime のウェブサイトに見る不思議で神秘的なシェーダアート風 WebGL デモがすごい
- スペインは San Sebastián(サン・セバスティアン)で行われたマラソンランナーを可視化した面白い WebGL デモ
- マイクからの音声入力と連携して動作するオーディオビジュアライザ! Beat Painter!
- 初代ローマ皇帝アウグストゥスにちなんだ霊廟「アウグストゥス廟」の歴史を垣間見ることができる WebGL 作品
- Curl Noise とワイヤーフレームを利用したアブストラクトな WebGL デモ Ernest
- SoundCloud API と WebAudio を組み合わせたサウンド効果が素晴らしい WebGL デモ RAYLIGHT
- 毎年5月1日はウェブサイトリメイクの日! 今年もやってきた May 1 Reboot 2017!
- サイトの雰囲気に見事にマッチしたピラミッド型のモデルだけを利用した個性的な WebGL 表現
2017 年 04 月
- 独自開発の軽量な CAD データ XVL 形式のファイルを WebGL で表示する XVL Web3D Player
- 音楽と映像の見事なコラボレーション! シンガーソングライター Emmit Fenn のウェブサイト
- シカゴ・ベアーズのファンたちの思いがたっぷり詰まった WebGL ドキュメンタリー
- アニメーションやインタラクションの有用サンプルを多数公開する Codrops の WebGL デモ
- スクロール連動型のまるで炎が揺らぐような演出が面白い adidas UK の WebGL 実装サイト!
- Revision 2017 出展作でハイテンションに駆け抜けろ! これが本格派の WebGL 製デモ作品だ!
- ウェブカメラの映像を利用してリアルタイムにメッシュデータを変形する WebCamMesh!
- WebGL でオシロスコープを再現しマイクからの入力やサウンドファイルを可視化する XXY Oscilloscope!
- センス溢れる繊細なグラデーションが見事! 3D デザインスタジオ UNILIMES のウェブサイト
- VR コンテンツの配信を行う Within が贈るオリジナルミュージック WebVR コンテンツ!
- Revision 2017 で公開された Evoke への愛が込められた WebGL 製デモ作品
- 不思議な立体感を持つ個性的なデザインが面白い Prayash Thapa さんのポートフォリオサイト
- 大人気ゲーム Minecraft の地形データ MCA ファイルを WebGL で可視化する Minecraft Chunk Viewer!
- 初めてのシェーダでも待ったなし! 個性的な作品が入り乱れた GLSL workshop in 仙台!
- Unity 製の WebGL コンテンツながら渡り鳥の研究データのプレビューに利用されている珍しい作例
- ウェブサイトの背景全体にレイマーチングのレンダリングを用いた個性的なポートフォリオ!
- 巨大な山岳地帯を LOD で描画したサンプル LOD terrain とその技術解説ブログ記事
- WebGL 事例を多く手がける Little Workshop 社の WebGL 製ゲーム実装 Keep Out!
- 幹細胞の外見をディープラーニングで予測する!? 大量のデータを閲覧できる幹細胞ビューア
- インターネットの歴史を振り返ることができるパーティクルベースの WebGL デモ! LatinMedios のウェブサイト
- 煙のような WebGL エフェクトが味わい深い有名海景画家 Ivan Aivazovsky のアニバーサリーサイト
- ボリュームレンダリングなど他ではあまり見かけないタイプのデモも置かれたポートフォリオ Interascope
- フランスのシンガー・ソングライター Vianney のウェブサイトはアニメーションが心地よい逸品
- 様々な表現のパターンを詰め込んだ WebGL の VJ 用モックアップ WEBGL VJ!
- 配送内容や地域に応じてオリジナルのサウンドが生み出される! 運送業者 FedEx の面白い試み
- VR の認知度上昇と共に WebVR 対応型の不動産内覧ビューアが着々と進化中! Matterport がすごい!
- 炭酸飲料の製造過程をイラスト風のインタラクティブコンテンツで楽しく表現した Pixi.js 製コンテンツ
- Spotify アプリケーションで再生中の音楽の情報をリアルタイムに取得して描画する驚きの WebGL 実装
- 3D プリント用のデータを共有する Thingiverse に見るちょっと面白い WebGL 活用法
- 時代を先取りした WebVR 専用 CMS が登場!? 気軽に VR コンテンツを提供するためのサービス
2017 年 03 月
- オーストリアの若きデザイナー Daniel Spatzek さんのウェブサイトには秘密がいっぱい!
- 関数型プログラミング風に WebGL を記述できる regl のサンプルが多数公開されているリポジトリ
- 太陽系に無数に存在する流星群を可視化! 時間の経過と共に変化する宇宙を体験できる WebGL コンテンツ
- マルチプラットフォームで WebVR に対応したショートストーリー風のデモ作品 Finding Love
- また Gobelins 出身者か! これからが楽しみなハイセンスな WebGL 作品を生み出す若き才能のポートフォリオ
- スポーツ用品メーカーの老舗 Adidas のウェブサイトに見る熱をイメージした WebGL 表現
- キューブを利用した一見単調なシーンが一転する? とてもシンプルな良さが際立つ Havoc のウェブサイト
- シューズメーカーのウェブサイトにあるランニングシューズをテーマにした WebGL コンテンツ!
- 近未来的な雰囲気に思わずテンション急上昇! とても質感の高い金融系企業の WebGL 実装サイト!
- タロットカードをモチーフにした GLSL シェーダアートを学べるオリジナルカードがプレオーダー受付中!
- スポーツ用品メーカー DESCENTE の 2017 年春夏モデルのウェブサイトに見る WebGL 実装
- カナダの国営機関によって作られたドキュメンタリー作品が FLASH 製から移植され WebVR 対応で再び登場!
- バイオ・医療系企業のホームページの WebGL 製コンテンツ! 淡い色合いの不思議空間
- 秘密の庭園をテーマにした Pixi.js 製の滑らかなアニメーションが面白い WebGL 作品
- こんなインタラクティブ MV 見たことない! まるでブラウン管テレビのようなエフェクトがすごい!
- フランス在住の若干 20 歳のクリエイティブデベロッパー Thomas Van Glabeke さんのポートフォリオサイト
- ファッションブランド KENZO のウェブサイトはアパレルブランドとも思えぬ圧倒的存在感!
- 牧歌的な雰囲気に轟く銃声! よくわからない世界観がこころをえぐる不思議な作品 Blue Shadows
- 日本でもサービスを展開する PlayCanvas を用いて作られたボート用フェンダーのカスタマイザツール
- 100 年後という壮大な未来に編纂される予定の「未来に贈るライブラリ」 Future Library
- ドイツのミュージシャンの新作アルバム告知サイト! WebGL 製コンテンツが持つある役割とは?
- ディズニーが贈る美女と野獣の美しき WebGL 実装ティザーサイト
- セキュリティ対策ソフト「カスペルスキー」の WebGL 製 20 周年アニバーサリーコンテンツ!
- ビジュアル・サウンド・インタラクション! オンラインでの様々な表現に挑戦するコンテストに WebGL 作品が集う!
- Unity の WebGL ビルド作品ながらシンプルかつミニマムなコンテンツとしてキレイにまとまっている Sound Waves
- ロサンゼルス(LA)を舞台にしたデータ可視化のアートワーク Convergence LA が超 COOL!
- これどこかで見たことがあるような……そんな感慨を禁じ得ないサクッと遊べる WebGL 製ミニゲーム
- デジタルな elixir が手に入る? 不思議で魅惑的な A-Frame 製の WebVR 対応コンテンツ
- 全方位動画を VR モードで閲覧できる Within のウェブ版オンラインコンテンツ
- 人間の心拍数を読み取ることでその「リズム」にシンクロする音源を再生! IoT と WebGL を組み合わせたデモ
- three.js で始めて WebGL スクラッチ実装の基本を押さえる! フロントエンドエンジニアのための本格 WebGL 基礎スクール
2017 年 02 月
- 御年わずか 17 歳! ドイツ在住の若き開発者が生み出したディープラーニング自動運転デモがすごい!
- 魔法のアドベントカレンダーという不思議なテーマの物語を体験できるドイツのウェブサイト
- 美しいマップが世界を彩る! 大型ゲームタイトル Ghost Recon 最新作ティザーサイト!
- ファッションブランド GUCCI の期間限定商品のために作られた特設プロモーションサイト
- The Book of Shaders の著者が贈る小さなシェーダアート作品たちが置かれたウェブサイト
- 画面をクリックすると何かが産まれる!? 非常にユニークな蜘蛛風キャラクターを使った実験作品
- 海外のファンタジー系連続テレビドラマのウェブサイト! まるで映画作品のような雰囲気の WebGL コンテンツ
- React.js と WebGL の融合をテーマに実装されている興味深いフレームワーク gl-react
- たまには自分の話でもするか! Tokyo Demo Fest 2017 に WebGL デモを出品してきましたな話
- ブラウザでアクセスし VR コンテンツを体験できる WebVR 製のアプリケーションを集めた VRList!
- スキー用のヘルメットを作るメーカーのサイトにある製品をあらゆる角度からじっくり眺められる WebGL 製ビューア
- いつかは誰かやるだろうと思っていたけど……ページ内全てが WebGL で描画される驚きのウェブサイト
- 飛行船から眺める景色はどう? Ronik Design の 2017 アニバーサリーサイトの WebGL 遊覧飛行
- Node.js 製のスクリプトをデーモン化する PM2 のダウンロード状況がグローバルに把握できる WebGL デモ!
- Spotify と天気事業の AccuWeather がコラボした! 天気と音楽の傾向から作られたデモがすごい!
- 2017 年度の自分たちのガイドラインを WebGL で表現したとても興味深い Immersive Garden のガイドラインサイト
- モバイル端末で閲覧できるモバイル VR 対応! Jam3 のオーロラを描く WebGL Experience
- 日本で唯一のデモパーティ Tokyo Demo Fest 2017 が今年も開催! GLSL Compo やセミナーにも注目!
- 酒造メーカーの製品を WebGL で見せる幻想的でファンタジーな一作! テクスチャの品質がすごい
- まるで本物のペンキや絵の具のような質感でリアルタイムに塗り塗りできる Fluid Paint がとんでもなくすごい!
- 大量のトランプカードゲームを網羅した驚きのプロダクト! Phaser フレームワークを使った作品
- 名古屋にある愛知芸術文化センターで行われる大学卒展および大学院修了展のウェブサイト
- 旧正月の時期に合わせて制作されたミステリアスな雰囲気が面白い WebGL 作品 M • N •
- Wordpress にプラグインを追加するだけで独自の 3D モデルビューアを簡単に埋め込みできる Canvasio3D
- GPGPU でパーティクルを動かしながら見せる美しきインテリアの世界! Lucie Koldova studio
- 世界中の様々な地点を共有し旅することができる全方位ビューの WebGL デモ Wish World
- 3D モデルの共有や複数のステップを設けた演出などが行える JigSpace がすごい!
- 超高次元の作品を生み出し続けるモンスター集団 Make Me Pulse の 2017 アニバーサリーサイトがすごい!
2017 年 01 月
- フランスのデジタルエージェンシーが新年に合わせて公開したシンプルな WebGL 製ミニゲーム
- これいったいどういう仕組みなんだ……世界中のラジオが聴きたい放題! 驚きの WebGL 製アプリケーション!
- 静かな BGM にもマッチした異なるブランド製品をまとめて扱う総合ファッション企業のウェブサイト
- スクロール連動型のシーン遷移が素晴らしい出来栄え! Dean Alex さんのポートフォリオサイト!
- 恐ろしくクールな WebGL 製サウンドビジュアライザがベースになったポートフォリオサイト!
- Web における様々な 3D 表現のカタチを提案する日本の制作会社の WebGL 製カービジュアライザ
- スクロールだけで楽しめる Global Game Jam で制作された Grimoire.js 製のミニゲーム Scroll Seagull!
- WebGL をまるでリッチな DOM のように扱った面白い表現が魅力の WebGL ポートフォリオサイト
- フロントエンド一年生が一人で制作した驚きの本格 WebGL 事例! 新宿KAWANO のウェブサイトがすごい!
- Ubisoft の最新ゲーム For Honor のティザーサイトがあまりに凄すぎて思わず無言
- 美しいエフェクトやサウンド効果が見事な仕上がり! WebGL 製の簡単シンプルなミニゲーム Pursuit of Sound
- GLSL を利用した多彩な表現に思わず目を奪われる! リアルタイムにテクスチャ素材を生成する EffectTextureMaker
- 色合いも美しく WebGL で描く! 酒造メーカーのキリンが販売するハートランドビールの特設サイト!
- ドイツにあるデザインスタジオの印象的な WebGL 実装! 点描風の演出が面白い!
- 音響技術のプロ集団 THX のウェブサイトにあるサウンドをイメージさせる WebGL デモがかっこいい!
- 本格的なビジネスユースにも耐えるクラウドベースの景観 3D データ管理サービス CloudCities
- 遠近感を上手に利用したカメラの視点を操るパズルゲーム Gemstones が面白い
- Twitter のハッシュタグを解析して三次元空間にマッピングする機械学習と WebGL を組み合わせたデモ作品
- 流体エフェクトを利用したページはなんとインターン募集ページ! 老舗プロダクションはやっぱりすごい
- Pixi.js なのにポリゴン感あふれる珍しい作品! レクサスブランドのウェブサイト
- WebGL を使って「フラクタルの木」を大量に描画するとこうなるという物量感溢れるフラクタルデモ
- 日本で開発されている WebGL フレームワーク Grimoire.js を利用したオリジナル寿司が作れる WebGL デモ
- three.js を利用して GLSL でパラメトリック方程式による曲線描画を行うチュートリアル
- 鳥になったような気分で大草原を飛ぶ! クオリティ選択も可能な WebGL の大草原 Terra がすごい
- Pixi.js 本家が放つびっくり WebGL コンテンツ! Star Wars 関連はほんとすごい
- ノイズを使った表現が面白いベルギーのとあるエージェンシーのウェブサイト
- WebGL 作品を多く制作してきた Greg Tatum 氏のショートデモ作品を掲載した SESSIONS が楽しい!
- まるで自然界の雨と地形の関係を再現したような WebGL デモ! regl を利用したサンプルのひとつ
- サウンドデータから生成された波形を可視化する gl-waveform! ずっと見ていられる美しさ
- 年明け早々に公開された日本人作者による WebGL 謹賀新年コンテンツ三連発!
- 明けましておめでとうございます! 今年も一年よろしくお願い致します
2016 年 12 月
- Star Wars に関連した靴下をラインナップした Stance のウェブサイトが面白い!
- WebAudio を活用したサウンド効果もとても面白い! ハイセンスなクリスマスコンテンツ!
- 本格的なカーモデルの WebGL 作品を見てみたいならやっぱりおすすめは Plus 360 Degrees
- ドイツの自転車メーカーのサイトにある出オチ感ハンパないけど楽しいウェブサイト!
- Blender との連携が行える Blend4Web 主催のレトロカーコンテスト! 結果はいかに?
- three.js を利用して画像や動画のアルファマスクを実現! そのテクニックを紹介するブログ記事
- BBQ グリル機器メーカーの超高品質な WebGL レンダリングと見事なインタラクティブ性がマジですごい!
- とある企業のサイトに見るワイヤーフレームと立体的なコンテンツ配置の工夫
- まるで本当の海にいるかのような雰囲気漂う WebGL 製の擬似オーシャンビューコンテンツ
- 大手 PC メーカーの HP が公開しているマイク入力を活用した WebGL ペイントデモがすごい!
- スクロールと連動した不思議な感覚が面白い! 日本のウェブ制作会社の WebGL 実装!
- クリスマスツリーに見立てた WebGL デモがあるフランスの化粧品メーカーキャンペーンサイト
- レトロさが逆に渋くてかっこいい! ギターのエフェクターを解説するデモ付きコンテンツ!
- 電気自動車(EV)メーカー Faraday Future のサイトはパーティクル表現も溢れる未来感がすごい!
- Google Earth の衛星画像と深層学習を利用した驚きの Google 謹製ライン検出コンテンツが凄すぎた!
- 毎年恒例のお祭り騒ぎ! クリスマスをテーマにした WebGL 作品が集う Christmas Experiments!
- CHANEL の香水と「香り」をテーマにしたまるで DemoScene 作品のような WebGL コンテンツ
- 電車がそのままライブ会場に!? 岐阜県のローカル鉄道とのコラボイベント CLUB TRAIN 2016
- ドローン制御システムを提供する ACSL のウェブサイトに登場したフライトシミュレータがすごい!
- どこまでも本気な Star Wars 関連サイト! フランスと本国で異なるふたつのサイトをご紹介!
- ロンドンを拠点に活動するデジタルエージェンシーのウェブサイトに見るバランスの良い WebGL 実装
- WebGL にも対応する CreateJS を利用して作られた人材紹介の企業によるミニゲーム作品!
- スマートウォッチ用のインターフェースデザインを WebGL で再現した TIKTOK!
- ドローン操縦アプリなどを手がける日本の企業のウェブサイトにあるドローンがテーマの WebGL デモ
- 多数の受賞歴を誇るフランス・パリの老舗デザインスタジオ! カッコよさが際立つウェブサイトがすごい!
- 注目の新作ゲーム Watch Dogs 2 の関連サイトに統計学を利用した未来予測システムが登場!
- 総勢 30 作品以上が投稿された GLSL ワークショップ! 上映会のスライドを公開!
- WebGL で MRT を使い Deferred Shading(遅延シェーディング)を実装したデモが公開中!
- フランスのエンジニアさんが作ったオブジェクトが動的に変化するクリック型シューティング
- その名のとおりまさに GOLD! あまり見たことのない不思議な被写界深度表現が面白い!
- 今回もド派手に仕上げてきた Adult Swim の Toonami とのコラボサイトがすごい
2016 年 11 月
- さり気なくウェブページの一部になっている素敵すぎる WebGL 実装が素晴らしい
- 地球の二酸化炭素濃度を上昇させるという異色のモバイルゲームのティザーサイトがすごい!
- アニメーションにもデザインにも、効果音にもこだわりまくったやり過ぎ感溢れる Uprising のウェブサイト!
- 折り紙と切絵を合わせたような童心を懐かしむことができる WebGL コンテンツが面白い!
- three.js の revision はなんと r49! 古き良きシンプルな WebGL 製の迷路ゲーム
- 髪の毛などの紐状のオブジェクトを描画する Kuva の WebGL Experiment がすごい!
- 幻想的とも言えるほどの見事なストレンジアトラクタを描画する驚きの WebGL デモ!
- あまりの怖さに手が震える!? 本格ホラー映像作品 Fallen Angel の特設ウェブサイト
- CSS Design Awards の 2016 年度版ウェブサイト! 背景のメタボールが面白い一作
- オリジナルデザインのダンボールがオーダーできる WebGL を利用したカスタマイザがすごい!
- グリッチノイズとインタラクティブな表現が面白いクリエイティブスタジオのウェブサイト
- 超高解像度な画像が生み出すリアリティ! BMW の WebGL 製デジタルモーターショー!
- 未来の都市構想を Pixi.js を使って 2.5D で表現した美しいウェブサイト Future Living
- フランスの眼鏡レンズメーカーが作った一風変わった WebGL 製のミニゲーム
- アブストラクトな表現が特徴的なカナダにあるクリエイティブスタジオのウェブサイト!
- なんて効果的なテクスチャ補間の使い方なんだろう! 思わず目からウロコの奥行き表現
- プロシージャルにその場でダンジョンを生成し WebGL で描画する Dungeonizer.js
- 感動が止まらない! 驚きの WebGL ショートムービー Through the Dark
- 配車システムでおなじみの UBER が手掛けた WebGL 製のマップ&データビジュアライズフレームワーク deck.gl
- 音楽に反応するデモ作品仕様! WebGL を利用したサウンドトラックのプロモーション
- WebAudio をこれほど活用した WebGL デモは見たことない! 見た目はとっても簡素だけど……
- フィンランドで開催されたデモパーティ V0RTEX 2016 で第一位に輝いた WebGL 製のデモ作品 Koherent!
- 摩訶不思議な世界を見事に再現! ハリーポッター外伝となる映画タイトルのウェブサイト!
- ハンガリーの首都ブダペストで行われる JavaScript のカンファレンス jsconf 2016 のイントロデモ!
- あの名作ゲーム機が驚くような再現度で WebGL 版として登場! [ただし用法注意!]
- 世界中の森から集められた 10,000 種の樹木たち! WebGL 版でもその壮大な世界観を見事に再現!
- これぞ真の「Web」GL! ウェブページとしての完成度が半端じゃない Collective Interlligence
- 手軽に表現力アップが可能!? three.js ラッパーの 3D パーティクルエンジン Three.proton
- まるでうごめく不思議生物!? Gray-Scott モデル風の描画が面白い Differential Growth
- 浄水器のメーカーが配信する飲料水を巡るショートストーリー風の WebGL デモ
2016 年 10 月
- キューブだけを利用した高層ビル街のようなシンプルなサウンドビジュアライザ SoundCity
- Curl Noise やポストエフェクトを利用したハロウィーンにちなんだ WebGL デモ Pumpkin Jam!
- 食品添加物を見つけ出す! 面白いテーマが楽しい Pixi.js 実装のミニゲーム The Land of Clean
- オーストラリアの大手航空会社カンタス航空のウェブサイトにリアルな旅客機モデルのビューアが登場!
- 流れるような表現が美しい! ドイツや上海にオフィスを構える MING Labs のウェブサイト!
- 音と材質、その組み合わせで見せる新感覚デジタルアート Fragments in Space が面白い!
- Pixi.js を利用した滑らか動作のブラウザゲーム! 可愛らしい見た目だけどその結末は!?
- ハイクオリティな WebGL 実装に驚き! 日本のデジタルプロダクション Garden Eight のウェブサイト
- アメリカの大統領選と世界中の検索トレンドを利用した Google 製のウェブアプリケーション
- オンライン決済サービスを扱う企業のサイトに登場した DOM と CSS と WebGL の三つ巴デモが面白い!
- とある同人レーベルのソロアルバム用告知ページに実装された Unity 製の WebGL デモ!
- それはまるで宙を舞うフォトグラフ! Jonas Eltes 氏の静かで美しいポートフォリオサイト
- Twitter に投稿されている実験作にも要注目の Jordan Machado 氏のポートフォリオサイト
- 超巨大グローバル電機メーカーのウェブサイト! WebGL デモのスケールもあまりにデカイ!
- サウンドデータやマイクからの入力に反応するインタラクティブ WebGL アートデモ作品 LESI
- ウェブで 3D プリント用のデータを作りデザインすることを目指したプロジェクト Vase のウェブサイト
- WebGL の演算機能を利用した JavaScript で行うディープラーニング! Keras.js がすごい!
- three.js を利用した GPGPU 開発に光が差す!? FBO の中身を可視化する FBOHelper
- シリアの紛争をテーマに現地の様子をリアルに伝える全天球 WebGL ドキュメンタリー
- フランスのファッションブランドのサイトに見るキューブ環境マッピングを使った面白い WebGL デモ!
- 子供用のハロウィーン衣装に影響を受けて制作されたポップでかわいい WebGL 作品「MON」
- JavaScript で MIDI を解析して鍵盤と共にサウンドデータを可視化する Euphony がすごい!
- フランスのとある企業のウェブサイトは、まるで鏡の世界に迷い込んだかのような不思議な美しさ!
- 高品質な WebVR を利用した車内インテリアビューア! Renault(ルノー)の WebGL 製 VR コンテンツ!
- なんだこれは……Twitter と連動した異色の WebGL コンテンツ Social Cereal がおもしろシュール
- DOM 上に描かれるフォントや配置を WebGL に落とし込みポストエフェクト! それって一体どういうこと!?
- まさかの EU 日産公式!? 素晴らしいディティールの WebGL 製カービューアがすごい!
- パーティクルとワイヤーフレーム、さらにはポストエフェクトまで! LAMDASH 製品サイトがすごい!
- Three.js を利用した多数の作例などが公開中! Charlie Hoey 氏のポートフォリオサイト
- とにかくかっこいいぞ! 様々なタイプの WebGL + Sound デモが見られる Everyweek
- およそ 10 年ごとに世界中の人々の移住の様子を可視化した GLOBAL MIGRATION DATA
2016 年 09 月
- 流体表現とピクセルアートがタッグを組んだ!? あまりに斬新な流体 WebGL デモ!
- 視線の先にある星座の名前が浮き出してくる!? モバイル VR 対応の WebGL コンテンツが面白い!
- なるほどコレが天才か……その溢れるセンスに思わず脱帽! bruno imbrizi 氏のポートフォリオサイト
- ベルリンマラソンのランナーたちを可視化した驚きの WebGL デモ! Pixi.js を利用した可視化作品
- The Book of Shaders の作者が贈る小さな GLSL の作品集! オンラインエディタ付属の作品も!
- 限られた色数で彩るシンプルかつハイセンスな世界観! アニメーションも心地よいポートフォリオサイト
- VR モード対応の MAEVR! オフラインイベントで実際に使われた WebGL を利用したデモ作品!
- まるで本当にエジプトに来たみたい!? VR モードも備えたエジプトを旅する全天球 WebGL コンテンツ!
- あまりにシンプル、しかしそれゆえに高いセンスを感じさせる TWGL.js 製のサウンドビジュアライザ
- スペインにある学生と企業をつなぐ財団のサイトに WebVR+WebGL のデモが公開中!
- アクアリング鶴舞ラボの「ボルダリング x デジタル」を実現する WebGL 製コンテンツ WONDERWALL がすごい!
- 驚きの質感・クオリティを誇るドイツのメーカーの結婚指輪カスタマイザがすごい
- DemoScene 用に作られた WebGL の 3DCG Demo 作品 Naturally Undead!
- 高速なシェーダの演算機能を利用して描き出されるフラクタルの美しき世界 Epimorphism!
- 日本では考えられない? 連続ドラマの特設サイトの気合いの入りようが半端じゃない!
- 世界中のこどもたちの声を収録したオーディオドキュメンタリー作品 RadioEight プロジェクト
- とても美しい WebGL デモが圧巻! Bastille という音楽グループのオンラインストリーミング配信の特設サイト!
- 150 年以上前からの長い年月に渡る気温変化が手に取るようにわかる WebGL デモ
- ブレア・ウィッチ・プロジェクトの続編サイトでモバイル VR 対応 WebGL コンテンツが公開中
- 滅多に人が足を踏み入れることのない秘境を旅する Google 製のロマン溢れるコンテンツ
- 気合いの入り過ぎで一般人はただただ開いた口が塞がらない? Hublot 新作モデルの特設サイト
- 検索と世界をテーマにした Google と日本科学未来館の共同コンテンツ
- とってもオシャレでハイレベルな WebGL 製の背景がかっこいいポートフォリオサイト!
- PlayCanvas 製のミニゲーム SWERVE はついつい何度も遊んでしまう良作ミニゲーム
- まるでフィルム映画のような質感が素晴らしい WebGL デモ作品 TAKE ME HOME
- まるで WebGL 知恵の輪!? ドイツにあるビジネスコンサルタント企業のウェブサイト
- ムーアの法則によって進化していく集積回路の歴史! 面白いテーマの WebGL デモ
- 過去 20 年間にも及ぶ石油の輸出・輸入のランキングをグローブ上にマッピング! 質感も見事な驚きの WebGL デモ!
- オリジナルのバスケットボールがデザインできる? インクを流して着色するびっくりデモ!
- カリフォルニアにあるデジタルスタジオのウェブサイト! キューブを利用した事例紹介が面白い
2016 年 08 月
- デザイナで開発者でもある Du Haihang 氏の手がけた three.js と GPGPU を駆使したデモがカッコよすぎ!
- 洗脳解除をテーマにした本格ドキュメンタリー WebGL デモ Deprogrammed がすごい
- Mozilla のチームが開発していることでお馴染みの A-Frame を紹介するスライドが公開中
- 日本国内の WebGL 事例としては珍しい 3D カーモデルのビジュアライザコンテンツ
- Codepen で紹介されている three.js を使いはじめるためのチュートリアル! その場で実行結果も見れて便利
- WhitestormJS を利用して物理演算付きのバスケットボールゲームを制作するチュートリアル記事が公開中
- ARM アーキテクチャ の CPU を WebGL でビジュアライズ! 動作する様子を観察してみよう
- 遥か彼方にまで広がる広大な宇宙をシミュレートした Dark Sky Simulations! スケールの大きな WebGL 作品
- 今年もやります! 短期集中 GLSL スクール 2016 受講者募集開始!!
- Webpack を利用した React のプロジェクトを三次元空間に可視化する面白いデモ Stellar Webpack
- 美しい宇宙の神秘に迫る WebGL の宇宙コンテンツ! レンダリングがとてもきれいな Space Advisor
- ゲームとしての完成度が高く描画モードの変更などもできる roTopo が面白い!
- 大自然とスノーボードをテーマにした映像作品のウェブサイト! 見事に再現された自然の姿が圧巻!
- とあるミュージックフェスティバルのために作られた WebGL 製のミニゲームコンテンツ!
- シェーダで描き出したノイズトンネルを駆け抜ける! GLSL の背景とパズルが楽しい Treksit
- 不思議な癒やし効果を持つ小さな小さな WebGL 製のテラリウム Tinycave
- クリック型の探索アドベンチャーゲーム Rituals のウェブサイトはゲーム同様の雰囲気満点
- 様々なグリッチ効果で自在に色を変化させる! Pixi.js を利用したオモシロ WebGL デモ!
- 工業製品の構造を可視化するビジュアルへのこだわりを感じる WebGL デモ
- インタラクティブな水滴表現が面白い! Converse の特設ムービーサイト
- ビッグバンによって宇宙が始まったことを示す神秘のマイクロ波を可視化した WebGL デモ
- 日本人のデジタルアーティストが手がけた VJ 用のビジュアルセット! 4DVJ が面白い!
- 言葉でうまく説明できない……説明できないけどなんか楽しい! Keyboard Boogie
- VR に特化したデジタルデザインを手掛ける Kuva のウェブサイトに見る WebVR 実装!
- ウェブカメラに動的にクールなエフェクトを追加する GLSL 製の WebGL アプリケーション
- フランスのとある企業が合作として制作したネットワークやコミュニティを可視化した WebGL デモサイト
- 火星の探査に出掛けた気分を堪能できる? クオリティも見事な Experience Curiosity
- 爽快感のある破壊が楽しめる! ボクセルベースのアクションゲーム Qake のデモ版がプレイ可能!
- 魔法学校を舞台にした長編小説を映像化! 特設サイトで受講する魔法のチュートリアル?
- スマートなカッコよさ溢れる作品を多数掲載! ポートフォリオサイト IVXVIXVIII
- サウンドビジュアライザをパラメータ調整だけでカスタムできる Butterchurn Visualizer
2016 年 07 月
- アメリカではなく London で行われる SIGGRAPH のウェブサイトに WebGL 製のモーションビューアが登場!
- WebGL を利用しサイト構成の隅々まで工夫を凝らした Patrick Heng 氏のポートフォリオサイト
- たくさんの WebGL 作品を生み出してきた Army Chiu 氏のポートフォリオサイト
- WebGL でリアルな自動車モデルをレンダリングする Car Visualize にハイクオリティな新バージョンが登場!
- なんだ変態か……でお馴染みの Shadertoy! 猛者たちが集結した Competition 2016
- まるで芸術作品のような美しいシンセサイザ風 WebGL デモ! 描画も美しい楽しい一作!
- アトラクタを可視化する不思議な WebGL デモ! Fluctuating Repetition
- WebGL にも関数型プログラミングがやってくる? 新しい実装の形を提案する WebGL 対応ライブラリ regl
- わずか数十行のコードで物理演算付きシーンを構築できる WebGL フレームワーク WhitestormJS
- ちょっと不気味な世界観に詰め込まれた独特なセンスが秀逸! こだわりの WebGL デモがすごい!
- 日本人エンジニアが見せる驚きのポートフォリオサイト! GPGPU を駆使した背景デモがすごい!
- WebGL 製の美しいグラフィックで魅せる VJ ファンアート作品 Arkade London がすごい!
- まるでモンタージュのように複数の画像から作られる著名人の肖像! WebGL を使った面白い表現がすごい
- 音楽配信サービス Spotify とのアカウント連携も可能な WebGL ビューア Discover Explorer for Spotify
- サウンドファイルも CC ライセンスでダウンロードできる WebGL 製の美麗サウンドビジュアライザ
- キー入力で様々な音を紡ぎ出せるビジュアルも不思議なシンセサイザ WebGL デモ
- 人気ゲーム League of Legends の特設サイトに登場したパーティクルデモが圧巻の出来栄え
- まるでちょっとした夏の小旅行……これからの季節にぴったりな A Short Journey
- サウンドと美しいグラフィックスが多彩な表現を生む! Patrik Huebner 氏のポートフォリオサイト
- 国際電話の国番号を WebGL を使って可視化した面白いグローブデモ!
- ただの板ポリだけでこれほど多彩な表現ができるとは! WebGL 製 Tiles が面白い!
- グレイスコットモデルのシミュレーションを心ゆくまで堪能できる Gray-Scott Explorer が楽しい!
- アメリカのビジネスコンサルタントのウェブサイトに見るシンプルパーティクル
- 様々なジェネラティブシェーダコードが収録された興味深い技術ブログ!
- Route 360 API を利用してレンダリング! 移動可能範囲を可視化したマップが面白い!
- 色や素材を自由に組み合わせ可能! スウェーデンのデザイナーズ LED 照明の WebGL カスタマイザ
- EdanKwan 氏のパーティクルに対する情熱と愛情が詰め込まれたクールすぎるポートフォリオサイト
- 自称、数学コンサルタントこと杉原先生の錯視作品が話題! さらに WebGL バージョンが登場!
- WebVR にもいち早く取り組んでいるフランスの企業 V-Cult のウェブサイト
- ノルウェーにある海鳥の楽園を WebGL のレンダリングとスクロール連動で解説するウェブサイト
- あまりにも完成度の高すぎるパーティクルの神域! ヘネシーの WebGL 製サイトが凄すぎる!
2016 年 06 月
- CSS3D と WebGL を融合させた立体風の書籍ビューア! プラグインとして提供もされてます
- WebGL で実装されたパーティクルベースの流体シミュレーションデモ! パラメータも多彩で楽しい一作
- WebGL で高速に動作するライフゲーム! 膨大なプリセットパターンがすごい!
- Pixi.js の WebGL 版を利用して作られたマルチプラットフォームなゲーム作品 Crimson Wings
- 偶然が描き出す美しきジェネラティブアート! WebGL スピログラフが美しい
- 音楽に合わせて移動速度が変化する雰囲気重視な Babylon.js 製ミニアクション NeoTrap
- 赤を基調とした独特なデザインが特徴の JavaScript のラーニングサイト Le Club
- ぼくらの街も戦場に! ストリートビューと連携した Independence Day のサイトがすごい!
- Microsoft 純正の Xbox コントローラーカスタマイザ! 質感も見事な必見の出来!
- マウスカーソルの位置を検出することで実現したインタラクティブなフラクタル・レンダリングがすごい!
- 420 万個ものパーティクルが舞う Curl Noise 専用のエクスプローラが楽しい!
- アメリカのアニメ専門チャンネル「アダルトスイム」の期間限定サイトにおもしろ WebGL デモが登場!
- 世界で活躍するフォトグラファー KAZ ARAHAMA 氏のポートフォリオサイトに見るシェーダエフェクト!
- 幾何学ワールドからやってきた大量のクリーチャーが圧巻! シェーダ芸も美しい WebGL デモが秀逸!
- WebGL で実現した 3D 流体シミュレーション! パーティクルの滑らかな動きがすごい!
- はあぁ癒される……WebGL のちからで高速に描画される美麗万華鏡がすごい!
- ブラウザやハードウェアの性能をチェックできるオンラインベンチマーク Basemark Web 3.0
- こういう発想はなかった! 画像を特殊な参照方法でマッピングする不思議な WebGL テクスチャマッピングデモ!
- 周期表を 3D で再現! さらに元素の構造を三次元で立体的に表示できるオンライン元素ビューアがすごい!
- 本当にさりげない粋な WebGL 実装がいい感じ! フランスのデザインスタジオ制作のウェブサイト
- 空間を行き交うオブジェクトを視覚で捉えろ! WebVR を利用したリズム系コンテンツ Stitch!
- 個性的な作品がたくさん並べられた Lars Berg 氏の実験作掲載サイトが面白い
- たくさんの WebGL Sketche が並べられた yiwen_lin さんのポートフォリオサイト
- 全てがあまりに高次元でまとめられた老舗クリエティブエージェンシー Resn のウェブサイトがすごすぎ!
- 見た目はちょっと簡易だけど……オンライン対戦が可能な WebGL タンクゲームが地味に面白い
- ムービーに衝突判定付きの 3D オブジェクトを重ねて描画する動画風デモがすごい!
- 高級腕時計メーカーが送る WebGL 製の特設サイト! 大空を駆け抜けメッセージを描き出せ!
- 映画も不思議ならウェブサイトも摩訶不思議!? 物理演算を駆使した面白すぎる映画のティザーサイト!
- ただただ舞い散るパーティクル、ただそれだけなのにどうしてこんなに癒やされるのか!
- JavaScript と WebGL で動作する不思議な時計! キューブをうまく利用した Cubic Time が面白い!
2016 年 05 月
- エレクトロとロックを組み合わせたサウンドが特徴的なイタリアのバンド Moods のウェブサイト
- まるで音が見えるかのよう!? WebGL を使ったサウンドデータの波形表現 gl-spectrum
- インターネット TV やモバイル SIM を提供する VOO がインターネット社会に問う WebGL デモ
- モバイルや VR にも対応した美しく神秘的な世界を描くクールな WebGL デモがすごい!
- スウェーデンにある超大型テーマパークの施設を WebGL によって再現したバーチャルパークがすごい!
- 人間の動きをモーションキャプチャし WebGL で動かす様子をデモした WebGL Walker
- ミュータント・タートルズの実写映画の特設サイトに登場した彼らの母艦 Tartaruga の WebGL ビューア!
- Cool Japan をテーマにしたウェブサイトにある WebGL 製のデジタルミュージアム!
- プランニングや映像表現だけでなく WebGL 実装も行える日本人プログラマのポートフォリオサイトがすごい!
- 氷河を守るための活動を行う団体のサイトにある、山河や登山路を可視化する WebGL マップデモ!
- Google I/O 2016 限定コンテンツ! Paper Planes でとびきりの WebGL 体験を楽しもう!
- ノイズやブラーを効果的に利用したアルメニアのデジタルクリエイティブスタジオのウェブサイト!
- とあるゲームデベロッパのウェブサイトには CSS と WebGL を駆使した面白い仕組みが盛りだくさん!
- プリント基板の設計データであるガーバーファイルをプレビューできる WebGL ビューア
- スクリーン全体にシェーダによるエフェクトを大胆に加えた新作映画 CRIMINAL のオフィシャルサイト
- テロの情報収集などを行う研究機関が公開した WebGL グローブデモ! 世界情勢と歴史がよくわかる?
- 自由に靴の素材を組み合わせ! カスタマイズ可能な WebGL 製オンライン注文システムがすごい!
- これほどフォトリアルな WebGL 実装にはそうそうお目にかかれない!? AlteredQualia 氏の Zastava デモがすごい!
- イルカが泳ぎまわる透明な海が美しい! 動物愛護に関連した珍しい WebGL コンテンツ
- Shadertoy を使った GLSL のチュートリアル!? 全 28 種類にも及ぶシェーダ記述のノウハウが凝縮!
- 刻一刻と変化する色彩とアニメーションが美しい WebGL デモ! その名も Audiograph
- まるでデジタルアートの博物館! 様々なデジタルアートがひしめく GearAward がすごい!
- STAR WARS のファンアート的な位置づけかな? WebGL ゲームを通じて体感するスター・ウォーズの世界!
- まるで手書きのラインのような「揺らぐライン」を WebGL で描画するための考察ブログ記事が面白い!
- まるでカーリングのようなルールのボードゲームを WebGL で再現! ルール解説動画もあるよ
- 雰囲気重視のサウンドビジュアライザ! ローカルにある MP3 ファイルを D&D で再生可能!
- 古き VHS 時代の名作たちが目白押し! Pixi.js 利用でド派手なエフェクトが素晴らしい WebGL タイピングゲーム!
- シェーダを駆使して大気の揺らぎ・捻じれを表現するエフェクトがすごい! 解説記事もついてて至れり尽くせり
- 5 月 1 日は世界中でウェブサイトがリニューアルされる? 不思議な国際イベントのウェブサイト
- 最新作もアナウンスされたあの FPS の名作初代 DOOM を WebGL で再現した WebGL DOOM!
- Blender と Blend4Web を利用して作られたベリーショート WebGL ムービー! 水墨画のようなタッチが面白い
2016 年 04 月
- これはさすがに尖り過ぎ!? あまりにヤバイ世界観が面白い WebGL アートデモ作品
- 効果音やアニメーションなどを駆使したインタラクションが痺れるカッコよさ! デザインセンスがすごい WebGL デモ!
- 紙をテーマにした WebGL デモ! 様々な表情を見せる不思議な世界観が秀逸な一品
- 独特な世界観はどこかに眠る子供ごころを刺激する! 雰囲気が素晴らしい WebGL 製ゲームと実装秘話ブログ!
- 宇宙をテーマに動的なオーディオ再生を行う WebGL デモ! 謎の魅力を持つ不思議な世界観が面白い
- 銀河同士の関係性を可視化する! 壮大な宇宙をテーマにした大規模可視化 WebGL デモ
- Tilt Brush を利用したアーティストたちの創作活動! その一部始終を収めた WebGL デモ!
- 世界中の大型貨物船の航行ルートを可視化した驚きのビッグデータ可視化 WebGL デモ!
- 本格的な WebGL ゲームがまさかの 4 作同時公開!! 新作長編アニメーション作品のティザーサイトがすごすぎる!
- 黒き馬に乗って駆け抜ける騎士となる! 雰囲気からしてかっこいい WebGL ゲームがすごい!
- Inverse Kinematics によるボーンの挙動をとてもわかりやすく可視化する three.js 製の WebGL 技術デモ
- リュック・ベッソン監督が指揮を執る「欧州最大級の映画」の予告サイトで体験する WebGL デモ!
- 廃退的、そして近未来的な雰囲気が素晴らしいドイツメディアのアートワークサイトがすごい
- HTML5 ベースのゲームエンジン PlayCanvas でライトマップ機能が全ユーザー向けに登場!
- まるで粘土遊び!? ウネウネ楽しいスカルプトが気軽に体験できる WebGL デモが面白い!
- 星に名前を付けてプレゼントすることができるサービスが WebGL で宇宙を可視化するとこうなる
- オーストラリアの女性シンガーが WebGL とインタラクションにこだわったオンライン MV を公開中!
- フランス人エンジニアが放つ白と黒が織りなすアブストラクトな雰囲気が渋い WebGL デモ!
- 非商用の利用は無制限! ファイルをインポートすることも可能な WebGL 製ボクセル化ツール!
- ディスプレイ用の特殊なレンズを使用したメガネメーカーが送るアイトラッキング機能付き WebGL アプリがすごい!
- あまりにもシンプル過ぎる!? それゆえに尖った感性を感じさせる不思議なウェブサイト
- モバイル端末で擬似 VR を堪能しよう! オンラインで楽しめる VR 風 WebGL デモが美しく圧巻のデキ!
- 食品の研究所のサイトとは思えない? リッチなエフェクトが豊富に盛り込まれたウェブサイト
- WebGL でのライン描画は苦難の道? 面白いテーマで書かれたブログ記事がとても有益
- Gray-Scott モデルと呼ばれる反応拡散方程式を用いたインタラクティブデモがすごい!
- ビットコインの採掘状況をリアルタイムに取得して物理演算つきのシーンに放り込む! BITBONKERS
- 映画ジャングル・ブックの特設サイトに見るエッジラインを強調した WebGL コンテンツ
- 完全にオンラインで WebGL を使って本格的なフォトレタッチが行える Polarr Online Photo Editor
- Chrome Experiments にも掲載された日本人作の GLSL PARTICLE FONT! ゆらめく姿も心地よい一作
- デジタルコンテンツを手掛けるデザインスタジオの新作 WebGL デモの完成度が高すぎてやばい!
2016 年 03 月
- ソースコードも閲覧可能! かなりマイナーながら実はちょっぴり本格派なライブラリ OMEGA 3D
- HONDA が開発した新しいトランスミッションシステムの告知サイトに WebGL 製のエンジンデモが登場!
- アメリカはロースカロライナで行われる音楽のフェスティバル用に制作された WebGL サウンドデモ
- 世界の名峰を心ゆくまで堪能できる!? 世界中の最高峰の山々を WebGL で立体化した 8000ers
- メキシコ発! なんとも愛らしいクマのオモチャのサイトに PlayCanvas 製のビューアが登場!
- こういう使い方も時にはアリ? WebGL を利用した 2D ベースのブラウザシューティングゲーム
- マジシャンが活躍する新作映画 Now You See Me 2 ティザーサイトの WebGL 実装! スクロールを活用した素晴らしい出来!
- 法線マップをなんと jQuery プラグインとして実装できる驚きのライブラリ normalmap.js がすごい!
- processing や three.js を活用したアブストラクトな作品がとっても Cool! Generative Art Gallery がすごい!
- 企業にアーティストを招いてインスピレーションを加速するプロジェクト MASS! ゆらめくロゴが美しいウェブサイト
- 建築やゲームの世界で WebGL による可視化の可能性を探求する Michel Dhoore 氏のウェブサイト
- 90 年代のヒップホップを堪能できるちょっとレトロな WebGL 製レコードボックス! Digging Into Hip Hop!
- 手軽に WebVR や WebGL コンテンツを製作可能なフレームワーク A-FRAME! コンテンツや最新情報が盛りだくさんの Tumblr が登場!
- 大量のオブジェクトと多彩なパラメータを持つエフェクト調整が楽しい WebGL デモ作品 boiler!
- RGB ずらしとエッジの利いた形状が織りなすサウンドビジュアライザ風のデモ作品 Triangles
- よくわからないけどとにかく大量のキューブがひしめく不思議な WebGL デモ! ひたすら待つと何かが起こる?
- リング状のモデルが美しく輝く! ロンドンで開催されるワークショップの告知サイト!
- 豪華講師陣が送る本格 WebGL スクール! 第三期の募集を開始します!
- 様々なポストエフェクトをウェブカメラからの入力に合成する MOSH がすごい!!
- 連番画像と WebGL を組み合わせた三次元のような二次元のような? 不思議なウェブサイト!
- Curl ノイズを用いた多くの作品を手掛ける Edan Kwan 氏の色が混ざり合うおもしろ WebGL デモ!
- 様々な地形に関するデータ形式を可視化することに特化した WebGL 製フレームワーク iTowns! ソースコードも公開中!
- こんなに完成度の高い WebGL 製ルービックキューブは見たこと無い! 細部までこだわった WebGL ゲーム作品!
- 全体にさりげなく散りばめられた WebGL 実装がとってもクールな Steven Mengin 氏のポートフォリオサイト!
- three.js による優れた一点モノのショートデモを多数収録! どれもセンス溢れる WebGL デモ作品ばかり!
- まさかのマクドナルドの公式コンテンツ! WebGL+モバイル VR のスキーゲームが登場!!
- WebGL でドミノ倒しが楽しめる? three.js と物理演算を利用したシェア機能もあるオンラインドミノ倒し
- 芸術的な思想を指すダダイズム……その現代における表現は WebGL を使った一風変わったコンテンツ!
- クネクネ動くフォントが面白い! WebGL と FlexiString を使った面白い WebGL デモ!
- とある欧州の王が記した大量の手記を WebGL で大胆に可視化させた歴史をテーマにした WebGL デモ
- ノイズを利用した水面表現が暗闇のような廃退的な雰囲気にマッチした WebGL デモ
2016 年 02 月
- オリジナルデザインのヘルメットをオンラインで作れる Helmdesign! バリエーションもかなり豊富!
- WebGL 初期の作品とは思えない美しいカーモデル! カラーリングも自由自在なカービジュアライザ!
- イギリス・グリニッジの景観を独特な透明感のあるタッチで三次元化した WebGL デモがすごい!
- CO2 をテーマにした、はじめての three.js 作品とは思えない可愛らしい造形の WebGL デモ作品
- 砕け散りそして再び収束する! 不思議な世界観の WebGL デモが面白い!
- 秒間 30 万レイが飛び交うフォトンシミュレーション! 反射係数などを変更可能な面白いデモ
- 超ハイレベルな作品が入り乱れた Tokyo Demo Fest 2016! 大興奮の2日間をレポート!
- アワードでの受賞歴も多いデジタルプロダクションの一年を WebGL で振り返る不思議なウェブサイト
- クリエイティブエージェンシー HAUS のサイトに仕込まれたインパクト大な WebGL 実装
- モノトーンの雰囲気が美しい three.js を利用したミニマルなサウンドビジュアライザ It's Only
- なにこれすげえ! WebGL を利用した進化系アスキーアート! Github との連携も素晴らしい Codelogy!!
- アートや映像作品も手掛けるコスタリカの多才なエンジニア Sebastián Sanabria 氏のポートフォリオサイト
- センス溢れる幾何学模様のレンダリング! 作品数がとても多い個人サイト jfire.io がすごい!
- その手は何を語るのか……自分の好きな文字を三文字打ち込むだけのおもしろ WebGL デモ!
- フランスのエンジニア MathisBiabiany さんのポートフォリオサイトがパーティクルを使った見事な表現ですごい!
- 住宅に関する最新設備を WebGL のツアーを見ながら検証できるハイクオリティな WebGL 製サイトが面白い
- 3D 野郎なら絶対知ってるあの Monkey が主役の MV 風デモがなんかよくわかんないけどすごい(笑)
- ニューラルネットワークを活用した文字認識のプロセスを三次元で可視化した WebGL デモがすごい!
- 圧倒的な迫力を見せる 350 万本以上のレイが飛ぶ! ソースコードも公開中 SDF-trace!
- 現代ではこんなものまでオーダーメイド!? 驚きの WebGL オーダーメイドサイトが登場!
- 静かな BGM で癒される……鳥になった気持ちでどこまでも続く大空を行く WebGL デモ
- BGM に反応して布状のメッシュが翻る雰囲気重視のショートデモ作品 FLUCTUS
- アクティビティ管理サービス Strava がサイクリングの記録を三次元化する WebGL デモを公開中
- レイトレーシングの技法を用いてブラックホールを擬似的に再現した three.js 製のデモ
- 短冊状のモデルが吹き荒れる! その圧倒的物量感に胸踊らずにはいられない The Polygon Shredder
- 真っ白な背景に不思議と漂う「透明感」! とても癒やされる WITHPROJECTS のウェブサイト
- 多彩なグラフィックス表現とシェーダテクニックが満載のオリジナルデモ掲載サイト codevember
- WebGL 総本山更新 500 回達成記念! ショートデモが素晴らしいお気に入りサイトを一挙紹介!
- ハイクオリティな仕事がこれでもかと凝縮された Make Me Pulse の年賀サイトがケタ違いの凄さ
2016 年 01 月
- 可愛らしい地球モデルが宇宙に漂う小児ガンをテーマにした慈善活動のサイト
- 野球場の観戦席を提供するサービスのサイトに見る WebGL を使ったコンテンツ
- スウェーデンの都市を 3D で表現した Min Stad! ユーザー参加型の見事なロケーションアプリ
- 障害物も考慮したリアルな波の動きをシミュレーションするその名も WAVES!
- 環境マッピングを適用した不思議なバルーンがなんとも美しい! 物理演算付きの 2016 年賀サイト
- なんだこれ!? 実写映像に三次元情報を紐付けてインタラクティブペインティング!
- クールなサウンド、美しきビジュアライズ、そして多彩なパラメータ! WebGL 製デモ UberViz がすごい!
- 超リアルな人体モデルなどでお馴染みの AlteredQualia さん作、ディスプレースメントな地球がすごい!
- ウェブカメラを使うサイトが流行ってるのかな? 今度は新年を祝う WebGL デモサイト!
- 黒とオレンジの配色がとてもクールな「リアルタイム顔認識技術」を利用した WebGL デモがすごい!
- 静かに流れるノイズの調……クラシカルな BGM と見事にマッチした静かに楽しむパーティクルデモ
- Curl ノイズを用いた煙表現! 流れるように動くパーティクルが見事な The Spirit
- ああ、これが天才の仕事か……日本人エンジニア Kenji Saito 氏のポートフォリオサイトが驚きの凄さ!
- 豊富な優良 GLSL シェーダデモが多数公開中! 個人ブログの驚きの作品群がすごい
- 恐妻家の気分が味わえる!? とあるゲームのティザーサイトに見る WebGL 実装
- 海面の表現も見事な帆船と海、そして空を描き出す WebGL デモンストレーション
- マルチパスレンダリングによって実現した GLSL オンリーのスカルプトツールが変態的にすごい!
- Emscripten と Babylon.js を使った珍しい物理演算のデモンストレーション
- 今の若い人は知らないのか!? 高い完成度を誇るあの人気ドラマ X ファイルの特設サイト
- カメラやマイクからの入力にも反応する三次元ノイズを利用したサウンドビジュアライザがすごい!
- 新しいビジネスチャンスが見つかるかも? フランスとアメリカに支社を持つ V-Cult の企業サイト
- ちょっと残念なところもあるのよ……新年のお祝いに制作されたとある WebGL デモ
- レイマーチング+サウンドビジュアライズ! ファンが唸りを上げて音楽に集中できない(笑)
- 三次元空間を上手に利用した three.js 製の知能パズル! これ時間泥棒なんで要注意!
- ウェブサービス運営などを幅広く扱う AnTytle の年賀サイト! three.js のポイントクラウドを活用!
- Unity で作られた WebGL 製のランドスケープデザインデモがすごい! 自由に地形や建造物をデザインしよう!
- 深海を漂っているかのような妖艶なその姿が見事な WebGL 製の 3D クラゲがすごい!
- three.js で作られたプロシージャル生成迷路ゲーム! プロトタイプながら可能性を感じる一品
- 風に揺れる一輪の花……ランダムに花弁の模様を生成して適用する WebGL デモ Orchid Generator
- JSON を記述するだけでノイズを利用した複雑なテクスチャを生成する planet-3d が凄すぎる!
- [謹賀新年] 2016 年も WebGL 総本山は毎日更新! 本年もよろしくお願いします
2015 年 12 月
- 日本のとあるインディーズ音楽ユニットのサイトにさりげなく仕込まれた Create.js 製の WebGL エフェクト
- フランスにある AccorHotels Arena で撮影されたたくさんの思い出が流れていく Coca-Cola 謹製の WebGL デモ
- HTML5 などのあらゆるノウハウがたっぷりつめ込まれた Web-Expert! 年末年始にじっくり読みたい
- まるで液状化した金属のような光沢がなんとも美しいシンプルなシェーダによる流体デモ!
- これが世界最高峰の GLSL シェーダデモか! 質感にもこだわりを感じる驚きの GLSL 作品 Snail がすごい!
- 静かな BGM を聞きながら過ごす聖なる夜…… Babylon.js でシーンを構築した Christmas Scene!
- ハイレベルな GLSL シェーダが見たいなら! 圧倒的クオリティで魅せるシェーダ実装がすごい fhtr
- 5000人の中からキャラを見つけ出せ!Point Spriteを活用したJRAスペシャルコンテンツ
- 雪の精霊が降臨!? 冬の雑木林を颯爽と駆け抜ける不思議な雰囲気のショートデモ作品 Dasher
- 二次元ベースながら Pixi.js をリッチに使った音楽配信サービスの年末特設サイト
- WebGL モードを搭載した撮影後にフォーカスを変更できる特殊なカメラ Lytro シリーズのギャラリーサイト
- 3D アクションゲーム制作に役立つ!? 三次元空間を経路探索する PatrolJS!
- 人生はそう、あっという間に過ぎて……なんだか哀愁を誘う不思議な WebGL デモ Life is Short
- こりゃとんでもねえぞ!! MozVR チーム純正の WebVR 専用フレームワーク A-Frame がすごい!
- GPGPU や流体シミュレーションを使った高品質なデモが多数公開中! 日本人の作者が贈る良作コンテンツ!
- three.js 実装の練習にちょうどいい? シンプルな three.js 製落ち物パズル Graxie Gems
- これこそ世界最高峰のプロモーション! インデペンデンス・デイの新作プロモサイトがすごい!
- ゲームの世界観を存分に味わえる仮想宇宙空間へ旅立とう! ARK Starmap がとてつもない完成度!
- クリスマスをテーマにした Babylon.js 製ジャンプアクションのミニゲームが登場! 物理を超越した動きが(笑)
- RGB だけでなく HSV や HSL 方式の色の相関を視覚的に捉えることができる見事なデモンストレーション SKEEM!
- あまりに素晴らしいデザインに開いた口が塞がらない! Message Design Center の素敵なコーポレートサイト
- 波打つ液体のようなオブジェクトを見事に描画した Examples! 解説ブログもあるよ!
- 例年どおり今年も開催! クリスマスをテーマにした WebGL デモだけを集めたアドベントカレンダー!
- ハイレベルな良作入り乱れる自動車業界プロモーションサイト! 今度はフォードがやらかした!
- コンセプトビジュアルを完璧に再現した WebGL 実装が見事! 学生さんが作り上げたティザーサイトの WebGL デモ!
- WebGL を利用して自分の曲をアピール? パーティクルが飛び交う不思議なプロモーションサイト
- とあるアパレルメーカーのサイトが Pixi.js を利用した面白い WebGL エフェクト実装で驚愕の出来栄え!
- またしてもスターウォーズのハイレベルな WebGL コンテンツが登場! 今度はリズムゲー!?
- センスの光る three.js の習作を集めた個人ポートフォリオサイト sketch of three.js!
- パーティクルが崩れる! ぶっ飛ぶ! 砂が崩れるような描写が見事な WebGL デモがすごい!
- 2万パーティクルが飛び交う背景が見事! 東大などが主導するとあるプロジェクトのサイトがすごい!
2015 年 11 月
- Curl Noise を利用したユニークなデモ! うごめくラインが不思議な 縛 Constraint!
- WebGL を利用して高速に描き出す独特な雰囲気が美しいマンデルブロ集合描画デモ!
- その名のとおりまさに星のきらめきのような美しすぎる流体シミュレーション Stars Fluid!
- [実装裏話]顔から音楽?WebGLで音楽と映像が自動生成されるIPSA FACE MELODY
- 嘘だろ……こ、これが学生の作品だと!? 思わず目を疑いたくなるとある学生作品集がすごい!
- VR 産業にその名を刻むことができるか? VR コンテンツ専門のベンチャースタジオ Innerspace VR
- 大人気ゲームタイトル HALO の公式サイトにある WebGL 製コンテンツが渋カッコイイ!
- オリジナルデザインのドクロが作れる!? ハロウィーンに合わせて公開されたおもしろ WebGL ツール!
- [WebGL書評] 洋書ながらその貴重な情報はまさに Insights の名を冠するに相応しい! WebGL Insights
- 流れるようなパーティクルが不思議な雰囲気を作り出す Stunt Power Films のサイトがリニューアル
- 紀元前 200 万年まで遡る!? 大英博物館と Google がコラボした歴史を旅する WebGL コンテンツ!
- リッチな流体風表現を駆使した演出盛りだくさん! 英国 Sky 社の新製品サイト!
- HTML5 や WebGL と親和性の高い本格ゲームエンジンである Goo Engine がオープンソース化!
- ページ全体を利用した大胆な WebGL 表現がとてもいい! 個人ポートフォリオサイトとは思えぬ完成度!
- WebVR を含むマルチプラットフォーム対応のショートデジタルフィルム LIVYATANIM!
- 特別なあの人に手紙を贈ろう……なんとも雰囲気たっぷりなメールを送るウェブサービス Christmas Express がすごい!
- 匿名性の高いネットワークを実現する Tor が世界中でいかに利用されているかを可視化するデモがすごい!
- まるでハイセンスな美術館のよう! 小さなデモが美しく並べられた WebGL Experiments の数々が素晴らしい!
- 君はその全てを見ることができるか! Codepen に投稿された WebGL 作品を怒涛の一挙 65 作品どどんと紹介!!
- セレブな女性情報誌として有名な ELLE が打ち出す特別なキャンペーンサイト!
- とあるアメリカのブリュワーズのサイトに見る、ポップな印象のワンポイント WebGL!
- 世界の気候変動や環境問題に関する検索情報を可視化する Google Trends 公式 WebGL グローブデモ!
- ドイツ在住のエンジニアが生み出した美しき GPGPU の芸術作品たちを堪能しよう! ※ただし熱暴走注意
- シード値をもとにランダムに宇宙空間の背景画像を生成する Space Scene Generator がすごい!
- ガラスを流れ落ちる水滴……その様子をシェーダを使って再現したデモがチュートリアル記事付きで登場!
- 頂点シェーダにフォーカスを当てたシェーダアートの世界を楽しもう! 頂点シェーダ専門のシェーダアートサイト!
- チュートリアルも充実! WebGL でデータを可視化するデータビジュアライズライブラリ xeoEngine!
- タイトル画面から既に良作の気配がビンビン伝わってくる美麗サウンドビジュアライザが登場!
- デザインをシェアすることも可能なジュエリー専門の 3D プリント出力サービス Trove!
- ドルビーデジタル音源を利用可能な Microsoft Edge が推奨環境の驚きの WebGL 製オンラインシーケンサ!
2015 年 10 月
- グローブデモを中心に大量の作品を公開している Callum's Sandbox が面白い!
- ビジネスシーンでも利用されている本格人体モデル 3D ビューアサービスがハロウィーン仕様に!?
- 閲覧注意!? あまりにもぶっ飛んだ世界観をこれでもかと見せつける WebGL サウンドビジュアライザ
- ちょっぴり渋い独自の路線を貫くシェーダ投稿サイト Interactive Shader Format は良作が豊富!
- WebGL で作られた輝く太陽の景観が美しい! アメリカのアーティスト Pretty Lights の公式サイト!
- ビデオテクスチャを利用してディスプレースメントマッピングを施す面白いデモが公開中!
- 2016 年始動予定の Google Cardboard に最適化された VR ゲーム Sankhara! ティザーサイトが WebGL 実装でプレオープン中!
- LACOSTE の 2015 年冬モデルプロモーションサイトが 360 度全方位 WebGL の不思議空間に!
- 走行記録収集型のモバイルアプリ Strava! 世界中からアップされたデータを元にした興味深いデモサイト!
- 日本にも代理店契約を持つゲームエンジン PlayCanvas! その実力を心置きなく堪能できる BMW i8 デモがすごい!
- アメリカや日本の航空機情報が美しい光のラインになってマッピングされた LuciadRIA の WebGL デモ
- WebRTC と WebGL、そして流体表現を一体化したリアルタイムデモが素晴らしい出来栄え!
- フラクタルの世界を心ゆくまで堪能できるストイックなデモが登場! DIY Fractals が素晴らしい!
- 時計のムーブメントを WebGL で三次元表現した Clock デモ! 内部構造を見事に再現
- WebGL を利用したセンスのよい作例が大量に公開されているポートフォリオサイト FLUUUID が素晴らしい!
- 高負荷注意!? Curl Noise を利用した三次元空間での流体シミュレーション!
- スペイン発祥のシューズメーカー Camper(カンペール)の最新モデル特設サイトがすごい!
- な……なんだこれはッ!? シュールすぎるその世界観! E.T. DISCO!
- SVG のパスを動的に解析して 3D のメッシュ情報へと変換する svg-mesh-3d
- ん、写真かな? 違います WebGL によるリアルタイムレンダリングです! 驚きのリアリスティック WebGL デモ!
- ロンドン在住のマルチな才能を持つエンジニアが見せる独特な世界観 Felix Faire
- またやってくれたなコンチクショウ! ポルシェ 911 の プロモサイトが完成度高すぎてやばい!
- イギリス・ロンドンにあるデジタルプロダクションのサイトはインパクトのある WebGL 製トップページ
- 2D 用の WebGL も利用可能なライブラリ Pixi.js の入門用チュートリアル
- 慣性を自在に操れるかどうかが勝負の鍵! 操作が難しい WebGL 製シューティングゲーム SPACE JACK
- ドイツ・ベルリンで行われているデモパーティー deadline! その出展作のひとつ WebGL 製のデモ作品 LUXE!
- それはまさに世界をライブ中継する驚きの WebGL ブラウザアプリ! 創業者に聞く LiVEARTH に込められた想いとは
- 豊富な点滅パターンが面白い! three.js を利用したネオンのような表現が美しい LED cube
- イギリスのゲームスタジオが放つ新作ゲームのティザーサイト! WebGL を使った見事なリッチコンテンツ
- なぜこれほどの気合いが必要だったのか!? あまりにも驚きの美麗シェーダビンゴゲーム
- メリハリのある色使いがなんとも美しいショートデモを収録した個人ポートフォリオサイト
2015 年 09 月
- これが天才の仕事か…… Steven Wittens 氏の新作は思わず目を奪われる美麗サウンドビジュアライザ
- 余計なものを削ぎ落とすことで洗練されたイメージを研ぎすませたミュージック + WebGL のデモが渋い!
- フィンランドの首都ヘルシンキの商業施設や交通、地下などを立体的に視覚化したデモがすごい!
- SNS 依存になってませんか? その呪縛を死神で表現したちょっと怖い WebGL デモ like to death
- 社会問題を世に問いかけるコンテンツ……見事に WebGL で再現された白い粉がリアル
- インクが滲むような独特な雰囲気を演出する WebGL を利用したミュージックビデオ!
- WebGL で始める GLSL 特化短期スクール募集を開始! 2015 年 10 月末日開講!
- グリッチノイズを効果的に利用した画面遷移が秀逸なとある企業のコーポレートサイト!
- スタント専門のフィルムスタジオがコーポレートサイトに WebGL を導入!?
- 日々進化を続けるショートデモを大量収録した 1D1W! ヒラメキとチャレンジ精神溢れる新作をご紹介
- うねうね動くラインの表現が新しい、とあるポートフォリオサイトの WebGL ライン描画実装
- 投稿した自分のサインがパーティクルで可視化される驚きの WebGL 実装サイト Signature Art が痺れるカッコよさ!
- Nike のグッズやそのストーリーを堪能できるスマートフォン専用の WebGL コンテンツ!
- 地図なのに GLSL Sandbox のようにカスタムシェーダに対応したパワフルなマップシステム Tangram がスゴイ!
- バルセロナにある世界遺産サグラダ・ファミリア! その全容をポイントクラウドで完全再現した WebGL デモ!
- Curl Noise などをふんだんに利用しシーン遷移にもこだわったデモ作品 Tides がとてもいい感じ!
- 表面下散乱を用いた半透明レンダリング技法の新提案! CEDEC 2015 インタラクティブセッションレポート
- ブロックをゴールへ導く WebGL 製のミニゲーム! サイトには Babylon.js のチュートリアルも
- Unity 製の本格 FPS ゲームが WebGL 版をリリース! 既にオンライン対戦も可能な Apocalypse City!
- 気球に乗って擬似空中都市として再現されたスイスを訪ねて回る WebGL コンテンツ Suisse Mania!
- 音響機器メーカーが手掛けるワールドクラスのモニュメント建設型 WebGL コンテンツが半端じゃない仕上がり!
- パッケージが織りなす世界はまるで広大な宇宙のように…… Code Galaxies Visualization がすごい!
- マルチプラットフォーム対応のゲームエンジン Superpowers が WebGL 版デモを公開中!
- 音楽を感じ、撮影し、自分だけのオリジナルポスターを作成しよう! Orchestre de Paris が面白い!
- 流体表現を点ではなく立体の球によって表現した面白い技術デモ Vortex Sphere がすごい!
- Bitcoin の取引状況をリアルタイムに可視化する WebGL グローブシリーズの新しいお友達
- 点描画+バネ運動のシミュレータに WebGL でウェブカメラの映像を合成するショートデモが楽しい!
- 3DCG で家の中の様子を描画する TicketyView! Gear VR による不動産物件の内覧疑似体験も!
- 飛び交うポリゴン歪むスクリーン!? 上海に拠点を置くとある企業のコーポレートサイトがすごい!
- Unity 製の WebGL ゲーム Foggy Shore! 孤島を少女が旅するショートアドベンチャー
2015 年 08 月
- 超高難易度の WebGL 製の一人称視点ゲーム LEAK! いろんな意味で難しい迷作
- 静かに流れる優しい BGM と GPU パワーを利用したパーティクルの融合が美しい WebGL デモ
- テレビゲームに夢中になる少年の姿が見る者の心をくすぐる驚きの WebGL ショートデモ
- なにこれスターウォーズの新作か!? 違います、ショッピングサイトの特設デモです(マジです)
- その額なんと総額 15 兆ドル! いまだかつてない超ド級のデータビジュアライゼーションがすごい!
- フラグメントシェーダの実装チュートリアルや小さなデモが多数公開されているブログ xdPixel
- 恒星の動きを正確に把握できる地球周辺の銀河を再現した WebGL デモ!
- 最終的には GPGPU を完全サポートすることを目指す、WebGL を扱うためのライブラリ Four
- それはまるでブラックホール! 崩壊する星を表す Collapsar という題を関した WebGL デモ!
- 重さも凄さも一級品! パーティクルとサウンドビジュアライザを融合した FlowMaster 3.0 が凄すぎる!
- 歪曲収差(ディストーション)を GLSL で表現! レンズによる歪みを再現できる fisheye.js!
- 3DCG で作られた表情豊かな景観を眺めよう! Digital Landscapes が面白い!
- それはまるで幻想的なデジタル玉暖簾!? WebGL で描画される Gridiron が美しい!
- かなりガチな WebGL 製シューティングゲーム! モバイルアプリからの移植作品 Exp3D!
- パーティクルとラインがうごめく WebGL で表現されたクールなデジタルクロックデモ!
- 世界情勢を三次元で可視化する 3D Dashboard! 世界中の経済や国際情勢が一目瞭然!
- 宇宙の圧倒的壮大さをこれ以上に感じさせてくれたデモがあっただろうか……圧巻の 100,000 Stars
- フラグメントシェーダを記述するための教科書として執筆されているオンライン書籍 The Book of Shaders
- 太陽系の神秘に迫るプラネット系 WebGL デモ! 太陽さん……あなた巨大すぎます
- GLSL を利用してふたつの動画をリアルタイムに合成する chromavore が面白い!
- フランスで開催が予定されている WebGL Paris 2015 の特設サイト! 背景に流れるほんのり流体が心地よい!
- ヨーロッパの名峰マッターホルンの歴史を振り返ることができる WebGL 製コンテンツ Chasing the Matterhorn
- 南米最大のメディアフェスティバル FILE には WebGL 部門が! ハイレベルな作品が盛りだくさん!
- メッセージ性の強い WebGL 製のインタラクションショートムービー Finding Home
- 組み合わせは多種多様! ウェブカメラからの入力にリアルタイムにエフェクトを追加する Feedback Cam
- クールでクリエイティブなコードを収集することを目的にした投稿サイト code doodles がすごい!
- C/C++ のコードを javascript に変換する Emscripten を利用したジュリア集合のデモンストレーション
- こんなパーティクルデモ見たこと無い!? ウェブカメラとパーティクルが融合した GPGPU Particles!
- 安全運転の啓蒙を兼ねたレースゲームで腕試し! ドライビングテクニックをチェックする WebGL ゲーム!
- 自動車メーカーのルノーが新モデルを WebGL でビジュアライズ! 高級感すら感じる出来栄えが見事!
- 色や形を自在に編集してオリジナルユニフォームを WebGL プレビューできる Hungaria Match Custom
2015 年 07 月
- マウス操作でシーンが変わる! 様々なインタラクションを駆使した美麗 WebGL デモ!
- メタボールが美しい! オランダ人エンジニアのセンスが光るポートフォリオサイト!
- 警察から逃げきれるか! どこかレトロな風合いの WebGL 製レースゲーム Thug Racer!
- 良質なゲーム制作用テクスチャを大量に取り揃えた GameTextures.com がすごい! PBR 仕様のテクスチャまで!
- WebGL によるプレビュー機能も備えた ArtStation! 世界中のクリエイターの傑作に驚愕の連続!
- セールスプロモーションでここまでやるか!? フランス発の面白いプロモサイト
- PlayCanvas を利用したルービックキューブゲームが登場! BGM が軽快で外見もスタイリッシュな Roobix
- あの有名映画と航空会社が夢のコラボレーション! 名台詞を集めて世界を旅する ANA PLANET!
- tumblr なのに WebGL!? イギリスのシンガーソングライター FKA twigs の tumblr ページ
- えっ!? WebVRってそういうこと? サイト自体をVRで楽しめる「カヤックVR部」サイト
- 眠らない街パリ、その地下鉄の路線や利用状況を三次元化して WebGL で表示する Metropolitain.io
- なにかと話題の箱根周辺の情報をまとめたニュースサイト! WebGL と熱く燃えるジャーナリズム魂が融合!
- 冥王星に刻まれたハートマークをいち早く WebGL で再現したデモが登場!
- 超軽量型 WebGL 補助ライブラリ lightgl.js! 作者は超有名な「あのデモ」の制作者さん
- 100 光年を超える遥かなる旅路! 宇宙とラジオをテーマにした WebGL デモが壮大でとてもよい!
- Demoscene を彩るノリノリの一作! WebGL で作られた本格的なデモ作品 Everything is Fashion
- ウェブサイト上に本格 3D チェスボードを簡単に埋め込むことが可能な chessboard3.js
- たくさんの有名な作例とそのソースコードを集約したリポジトリ! WebGL Samples を活用しよう!
- WebGL による physically based rendering(PBR) チュートリアルのイントロ記事! 今後に期待高まる!
- まるで異世界に迷い込んだかのよう? ウェブカメラの映像を使ったリアルタイムポストエフェクト!
- Tokyo と名付けられた驚きのシェーダアートを君は見たか! レイマーチングの良さを噛みしめられる良作!
- シカゴにある自転車レンタルサービス Divvy の利用状況を可視化する Divvy Vision がすごい!
- 自動車メーカー PEUGEOT の最新ウェブサイトは WebGL と VR を組み合わせた驚愕コンテンツ!
- 思わずドキリとさせられるリアルな人体モデル! 独自の世界観で見せる Bruno Quintela 氏の WebGL デモサイト
- made in FRA の本格的な WebGL チュートリアルサイト! 即実行できるエディタも付いた本気の学習向け
- 情報量がとても多く見た目にも考え抜かれた地震情報の可視化 WebGL デモ! Nine Point Five earthquake visualization
- たくさんの WebGL 作品を輩出してきた Cabbibo 最新作は 30 分以上の長編大作デモ!
- Twitter の呟きから街の幸福度を指数化して見せる不思議なデモ! The Happy Forecast
- GLSL を背景で走らせる流体表現! Dennis Markgraf 氏のポートフォリオサイトがすごい!
- [2015年上半期振り返り] 個人的に思い出深いオススメ WebGL 作品厳選 32!
- NewsTech のあまりにも洗練されたコーポレートサイトに唖然……しかも日本の企業さんです! 総合プロデュースは LETTERS,INC.
2015 年 06 月
- 初代ロックマンを愛するパリ在住のエンジニア Samsy 氏のポートフォリオサイトが秀逸!
- 3D マップシステムをオープンソースで提供するサービス eeGeo は WebGL や VR にも対応!
- まるで商業アニメ作品のような柔らかな雰囲気が秀逸すぎる! WebGL や CSS を使った Examples
- npm について理解を深められる WebGL による可視化デモンストレーションがとてもよい!
- ハイレベルな作品を多数収録したデモ集! 深い闇に浮かびあがる美しき 3DCG の世界 VOID
- 前回に引き続き気合い十分の WebGL 実装を行った OFFF Paris 2015 の告知サイトが登場!
- 被写界深度を適用した不思議なメタルキューブの WebGL デモンストレーション
- あの人気映画ターミネーターのプロモーションサイトに WebGL 製のプレビューモードがお目見え!
- まるでお手本のようなシンプルかつ軽快な操作感が心地よい WebGL 製レーシングゲーム!
- OpenGL 系 API を完全網羅したとてつもない情報量! docs.gl を活用しよう!
- シンプルながらもセンスの光る良質な Examples がたくさん! three.js 活用の参考に
- 三次元なのに DOM を触れる!? CSS3D と WebGL の複合技を極めた驚きのポートフォリオサイト!
- ネイマール Jr. の妙技を 3D で完全再現! 見る者を魅了する Neymar Jr. CRAZY SKILLS
- ファッションブランド KENZO から WebGL デモが登場! 今回は個性的なウォッチが 3D 化!
- どの作品も一級品の仕上がり! WebGL 界の有名エンジニアのポートフォリオサイト
- GLSL によるフィルタ処理などが素敵な WebGL Bits にドロネー図を利用した新しいデモがお目見え!
- 3D をさらに超えた 4D の世界! 不思議な四次元世界に浮かび上がる文字を眺める NTYPE
- 攻殻機動隊の人気キャラクター草薙素子が WebGL で 3D 化! あまりの美麗グラフィックに驚愕必須!
- 三次元空間を彷徨いながらアート作品を鑑賞! まるでデジタル博物館のような WebGL デモページ
- スクロールする量を指標に、生成される音やテンポが変化する不思議なデモ Jazz.Computer
- 復興を願う東北「気仙沼」にある復興屋台村のページに WebGL 製の 3D マップが登場!
- 自由自在にキューブを組み合わせてオリジナルの BGM を作り出そう! Sonic Blocks が面白い!
- お好きなサイトを三次元化!! 物理演算付きでサイトを 3D プレビューする explosify が楽しい!
- ちょっとシリアスなデータも可視化することでよくわかる……今までにないグローブデモ
- マスタングを好みに合わせて自由にカスタマイズできるフォード純正 WebGL カスタマイザがすごい!
- きっと見る人によって感じ方が違う!? まるで髪の毛のようなオブジェクトがウネウネする WebGL デモ
- ポップな雰囲気が楽しいリアルタイムに生成された WebGL 製のミュージックビデオがステキ!
- アート? それとも物理? 一風変わった不思議なデモ作品を体験できる個人サイト
- 過去の地球の様子を垣間見ることができる不思議な WebGL デモ! 6 億年前の日本の運命や如何に!?
- アメリカの祝日であるメモリアルデーに合わせて制作された WebGL 製の追悼デモが長編の超大作!
2015 年 05 月
- 美しいデモやサイト背景に様々なこだわりを感じることができる Bruno Simon 氏の個人サイト
- シェーダを随所に利用した珍しい演出効果を使う企業サイト! エッジの効いたデザインが素敵!
- スマートフォンのセンサーを上手に利用したマルチフォーマット WebGL デモサンプルがなかなかイイ!
- 珠玉の Three.js を使ったデモ多数! アーティストでもある作者のセンスが光る Experiments
- マップ表示用のライブラリ Leaflet を活用した WebGL デモ! マンデルブロ集合をスムーズにズームアップ
- 幾何学模様が織りなす不思議な世界! オリジナルデモを制作できるエディタ機能付き!
- まるでそれは流体のように……不思議な Curl Noise を使った WebGL デモ
- ブランドの名に恥じない超高級感! Porsche Black Edition の特設サイトが目を疑う完成度で登場!
- 今年から始まったスポーツの祭典! ヨーロッパ競技大会の特設サイトが WebGL 実装で SUPER COOL!
- D3.js を利用したデータ可視化の秀逸な作例集! より実践的な実装が参考になる delimited
- 小惑星の軌道を正確に再現! WebGL を使った小惑星ビューアがなんとも美しい
- WebGL 使用の不思議なキャンペーン! 一筆書きでクレジットカードの模様をデザインするコンテストが開催中!
- これが 2012 年の作品だと!? 思わず目を疑いたくなる最高に美しい WebGL デモ作品
- Twitter と連携して 3D ビューを展開! 不思議な世界観と圧倒的物量が素晴らしい WebGL デモ Maratropa
- WebGL で様々な表現を模索したデモサンプル! どれも面白い意欲的な実験作ばかり!
- WebGL で TRON のバイクゲームを再現! 遊びやすいように工夫されたミニゲーム Tron
- Unity の WebGL 出力の実力は!? 幻想的な雰囲気が素晴らしい Unity WebGL 出力ゲームが公開中
- DOF に AO さらには FXAA などなど! とにかくてんこ盛り過ぎる内容に驚愕の WebGL 原子モデルビューア
- WebGL ミニゲームは完全オリジナルのゲームエンジン製! 物理演算などをサポートするプロトタイプが公開中
- 小さいながらも個性的なデモが多数公開されている実験サイト! 1 Day 1 Work がすごい!
- WebGL を利用した独特なライティング効果で魅せる暗闇のスネークゲーム Trippy Snake
- Babylon.js と Oimo.js で作られた物理演算付きのキャラクターレンダリングデモ!
- 楽しい雰囲気が最高に良い! 宇宙に散らばったアイテムを拾い集める SpaceLamb がすごい!
- Node.js を学習できる NodeSchool のサイトに WebGL のグローブデモが登場!
- イメージ切り替えには GLSL が最強!? 様々な GLSL エフェクトをシェアできる GLSL.io
- ハイレベルデモが多数公開されている OOS から新しいデモが公開! 春を見事に表現した秀逸な一品!
- ストリートビューが LEGO ブロック風に変換される Google Maps API を利用した WebGL デモ!
- イギリスにあるファッションブランドのサイトに利用されている WebGL デモがとても不思議な仕上がり
- Oimo.js を利用した物理演算デモ! 重力に引き寄せられる動きが面白い実験作品
- GW には未知のツールやゲームエンジンに触れてみよう! HTML5 関連ゲームエンジン紹介記事
- Spartan 改め Microsoft Edge 関連コンテンツが WebGL 実装のフライトシミュレータで登場!
2015 年 04 月
- ツイートに反応して山が喋りだす!? Twitter 連携の WebGL デモが凄すぎて感動した!
- WebGL の持つ高速な処理能力を活用したとってもカラフルな生存競争! Colorful Life が面白い!
- GLSL と three.js を利用した収束をテーマとする面白い WebGL デモンストレーション inconvergent
- 世界の主要都市を独特な雰囲気の情景で描き出す「不思議なサウンドビジュアライザ」Waypoint
- NASDAQ 21 年の歴史を VR で振り返る!? ウォールストリートジャーナルが WebGL 実装のコンテンツを配信中!
- GLSL によるエフェクト追加のテクニック! 実行結果とコードが見れる有用テキスト!
- ディズニーの新作映画 tomorrow land のプロモーションが気合い入りすぎ! モバイルにも対応した WebGL 実装!
- 絢香 NEW アルバム発売の連動企画! スペシャルサイトが WebGL 製ゲーム実装で公開中!
- 世界中の天気の移り変わりを時系列アニメーションすることも可能な MeteoEarth がすごい!
- 出来る限りシンプルに WebGL の冗長な記述をスマートにするヘルパーライブラリ twgl.js
- 素晴らしいデザインとグリッチノイズが印象的なゲームのプロモーションサイト
- [Shadertoy] シェーダのみで表現されたとある惑星……思わず信じられないと叫びたくなる出来栄え!
- オリジナルの画像を使って走査線で表現した立体アートを生成できる Rutt-Etra-Izer が面白い!
- WebGL 製のオンライン FPS ゲームが超絶進化! いつのまにか WebVR にも対応してた!
- 世界遺産はデジタルデータとしても保全される? 世界中の世界遺産を WebGL で堪能できる CyArk
- あのプレイステーションの名作ゲームを WebGL で再現した WipEout (PSX) – Model Viewer
- ブラックホールによる重力レンズを再現する一風変わった WebGL 実装! black-hole.js
- 優れたデザインセンスとデジタル技術が融合したコンテンツの数々! Jam3 のサイトが素晴らしい!
- マウスやスクロールに連動させた WebGL によるテキスト表現が秀逸なデモ!
- WebGL スクール第2期の募集を開始します! 2015年5月開講!
- CSS の極致! 絶滅危惧種の動物たちを表現した In Pieces がすごい!
- NASA のデータを利用して見せる 1880 年以降の地球の気温推移 World temperature changes
- WebGL 開発を強力にサポートする Chrome 拡張機能が登場! Shader Editor Extension for Google Chrome
- 株式会社リクルートホールディングス 2016年度新卒Web採用サイトのWebGL実装
- ドイツ発の WebGL ゲーム! 忍者になってアイテムを奪い合うミニゲーム NINJA DASH 3D
- 世界中の国々の「教育」や「経済」を指標化して表示する Tree of Human Development
- WebVR や CardBoard に対応した本格的な WebGL 製コンテンツ! INSPIRIT がすごい!
- 世界中の街に、あらゆる路地に、ゾンビが現れポクポク歩く面白い WebGL デモ! Zombie Street
- 幻のクラシックカー Delahaye 165 を操り時空を駆け抜ける WebGL レーシングゲーム!
- WebGL の基礎はモチロン数学的な知見まで幅広く学習できる WebGL Fundamentals を活用しよう!
2015 年 03 月
- 自分の好みの画像を用いて思いどおりのノーマルマップを自在に生成できる SmartNormap!
- オンラインゲームのキャラクターがモーション付きでアニメーションする WebGL 実装がすごい!
- その楽しさ・凄さは外見だけじゃない! 超完成度の高いパーティクルデモ A Particle Dream が圧巻!
- WebGL 製ビューアで魅せる米国マウント・タマルパイス州立公園の魅力と保護活動
- シンプルだけど意外と難しい! トンネルの中を駆け抜けるミニゲーム Cuberunner!
- Unity で作られたマルチプラットフォームゲーム Glozzle! WebGL 出力版も公開中
- スマートフォンで体験できる驚きの VR コンテンツ Area 360! その開発の裏側を作者本人に聞いてみました!
- EPOCH とホムンクルスが手掛ける FACT のアニバーサリーサイト! スマホで見る興奮の WebGL コンテンツ!
- ソーシャルネットワークの発言を可視化する Sociotope! まるで謎の生命体のような動きがキモかわいい
- GLSL 実装の流体シミュレーションがなんとも面白い! ビュー切り替えで流れを可視化することも可能!
- NVScene 2015 の Android 部門第一位のデモが WebGL バージョンを同時公開中! 最高峰の WebGL デモを体感しよう!
- ビットコインなどの金融資産の動きを可視化した Bitreserve 社が提供する WebGL ビジュアライゼーション
- 自分だけのオリジナルな大地を創造! ずっと遊んでいられる系ツール WebGL Terrain Editor
- 未来の宇宙ステーションはこんな感じ? Paramount Pictures の映画プロモーションサイトがすごい!
- WebGL 実装からサウンド再生までリソースはほぼ全てがプロシージャルに生成! 200 キロバイトのシューティングデモ
- 美しい雪の結晶を自らの手で生み出そう! WebGL を利用した面白い雪の表現 Flakes
- 教育者や学生のための WebGL プロジェクト SolarSim! 太陽系の星たちをリアルに再現したデモ
- 日本のエンジニア Kenji Saito 氏の素晴らしいコードが盛りだくさん! Code Sketch
- Google I/O のイベント告知サイトに埋め込まれた WebGL コンテンツ! 簡易的なシンセサイザのようなおもしろツール!
- WebGL スキルをこれでもかと存分に見せつけてくれる個人ポートフォリオサイトがすごい!
- スーパーマリオとマインクラフトを合わせたようなアクションゲーム? VoxLords が楽しい!
- Tokyo Demo Fest 2015 に参加してきたので写真も交えてレポートします!
- フランスのミステリードラマ Witnesses のプロモーションサイトは WebGL を効果的に利用した謎解きコンテンツ!
- 物理演算ライブラリの Oimo.js 作者が贈る最高の実験室! あまりのカッコよさに思わず絶句しました
- ヒップホップ界のスター J Dilla の音楽と共に宇宙を旅する WebGL フィルムデモが公開中!
- 学生さんのポートフォリオサイトがシンプルで素晴らしい! 魅せ方が本当に上手なポートフォリオサイト
- WWF に加盟している団体のイベントサイト! WebGL パーティクルがなんとも美しい!
- 海外でも話題の metrogram3D 開発秘話! 実装した本人が語ってくれた WebGL 実装の裏話
- 日本の某航空会社の「海外版ページ」が WebGL 実装もデザインもとにかくカッコいいので要チェック!
- 第二回 JSSTG の作品を公開開始! 全 10 作品の Javascript 製シューティングゲームを楽しもう!
- アカデミー賞で話題の Birdman のサイトが WebGL を利用したコンテンツを公開中! EaselJS や three.js を活用!
2015 年 02 月
- OFFF 2015 のために制作された WebGL デモ Skazka! 動的なポリゴン生成など見どころ満載!!
- 日本のノベルティグッズ関連サービス「EDIS-ON」自分だけのオリジナルデザインを WebGL プレビュー!
- フランスのウェブ屋さん LA HAUTE SOCIETE のサイトは WebGL を効果的に利用した素晴らしい仕上がり!
- 雪山を颯爽と滑りゴールを目指す WebGL 製のゲームがなかなかの完成度! ワールドランキングも開催中!
- アウトドア用の据置型ライトメーカー Golight の WebGL コンテンツ! ライトの性能を 3D で再現!
- TokyoDemoFest 2015 に WebGL 作品を出品してきました! シェーダを無駄に 8 組も使いましたな話
- 画像をピクセルレベルで解析して 3D に展開! k平均法を使った WebGL インタラクティブコンテンツ!
- Pixi.js で作るハイレベルなデモンストレーション! 青い空から宇宙空間につながる謎の穴!?
- three.js と dancer.js 駆使して作られたサウンドビジュアライザ! グリッチやノイズエフェクトも!
- 世界中の旅客機のフライト情報を取得してパーティクルに! WebGL 製フライト情報ビジュアライザ
- HTML5 のゲームポータルサイトで見つけた WebGL ゲーム! 昔ながらのシンプルなルールのガンシューティング
- Babylon.js を利用したスカイボックスの Example が美しいアメリカのデザインスタジオのサイト Cosmiq Cloud
- 忍者が登場するボンバーマン? 対戦もできる WebGL 製の 3D ボンバーマン風ゲーム Shinobomb
- JSON を使ってノードで 3D シーンを簡単に構築できる SceneJS が v4.0 になってパワーアップ!
- 旧正月のお祝いに花火を打ち上げる WebGL デモ! 地味にポストエフェクト使ってます
- バレンタインにあなただけの花を咲かそう! SNS で URL を共有して花を贈れる Wildflower
- 彼はいったいどこへ向かうのか……不思議な雰囲気たっぷりの全方位映像を利用した WebGL アートデモ!
- その走りはまさにクレイジー!! リアルタイムに地図データを取得して駆け抜ける Monster Milktruck!
- 大空を飛びながら雲を操るコンテンツがなんとも言えない癒やし効果! SmartWater
- オリジナルマイクのデザインコンテンツ、その開発秘話が赤裸々に告白されていて興味深いブログエントリ
- 脳の活性や運動との関連性がよくわかる! Reebok の特設サイトで WebGL で科学しよう!
- 自らドローンとなって荒廃した近未来都市を漂う不思議なアート系 WebGL デモンストレーション
- ちょっと変わった旅行会社 Airbnb はサイトも最高に面白い! 一風変わった WebGL コンテンツが配信中!
- 自分だけのオリジナルスケートボードをデザイン可能! Penny の 3D カスタマイザーがかなりいい感じ!
- カスタムシェーダによるハイレベルな CG 表現! 被写界深度や環境マッピング、ブルーム表現など盛りだくさん!
- WebGL を使ってちょっと不思議な森を表現したアニメーション作品 The Forest
- WebGL で作られたクラシックボーリング! 簡単かと思いきや難しさに思わずハマった
- 弾丸に撃ち抜かれて弾けるメッシュアニメーション! 3D Particles Shiny Text がなんとも爽快!
2015 年 01 月
- WebGL 製ノードエディタのデファクトスタンダードになるのか? Vizor の完成度がスゴすぎ!
- 日本にも支社を持つフランスの証券会社のサイトが WebGL 実装で気合い入りすぎ!
- ボディラインをライドする! バスキュールが送るボディデータエンターテイメント BODA がすごい!
- three.js を用いたコンテンツも制作している海外のフリーランス個人サイト Falling code
- フランス製の新年を祝う WebGL ゲームデモンストレーション! ゲームクリア後には衝撃の結末が!
- WebGL セッションにご来場ありがとうございました! HTML5 Conference 2015 に登壇してきました
- WebGL でレンダリングしたシーンをまるでアンカーのように使って擬似的にリンクを再現している面白いデモ
- WebGL で作られたモーションアニメーションが大迫力な上にかっこよすぎて痺れた話
- WebGL を光のエフェクトなどにピンポイントで利用した気軽に遊べるブラウザゲーム BLOCK NINJA
- モバイル人気アプリのウェブ版が WebGL でサクサク動く! ブラウザ版の Auralux が完全に時間泥棒!
- HTML5 Conference に登壇します――GLSL や Blender に関するハンズオンもやるよ!!
- 見た目はとっても地味だけど…… WebGL を用いたボロノイ図生成デモが面白い!
- 単純に 3D 作品として見ても超ハイレベル! あまりに完成度の高いサウンドビジュアライザ APEXvj
- サウンドビジュアライザなどのデモが多数公開中の個人サイト FUNKTRONIC LABS
- WebGL+Retina の落とし穴!? Retina ディスプレイで WebGL のレンダリング結果を正しく表示する tips
- WebGL で作られた製品カタログデモ! インタラクティブで高品質なビューでじっくり吟味できます
- New York Times 公式コンテンツで断崖ロープクライミングのニュースが WebGL に!
- 日本の企業サイトで最高峰クラス! 見事にデザインと WebGL が融合している homunculus.jp がすごい!
- NASA 公式の様々な宇宙に関するデータがダウンロード可能! 3D モデルデータや画像が多数!
- 舞い散る雪を再現した Snow Shader! 大量のパーティクルが動く様子はなかなかに圧巻
- [WebGL寄稿] JS1k 作品で見つけた WebGL 超絶圧縮コードを紐解いてみる
- WebGL+WebAudio で表現された美しすぎるシンセがカッコよすぎる!! SUPER-LOOPER
- Mozilla 純正の VR 対応ブラウザがひっそりと配布中……実際に実行できるデモもあるよ!
- FIFA ワールドカップの歴史になぞらえた独自実装 WebGL デモンストレーションがすごい!
- javascript で作るシューティングゲームの祭典 #jsstg 開催中! 作品のご応募お待ちしています!
- Three.js を拡張して簡単にボクセル風なレンダリングができるようになる PixelBox
- 煙をシミュレーションするデモがすごい! 面白い Smoke Reaction-Diffusion で遊んでみる
- [WebGL書評]WebGL+HTML5 3DCGプログラミング入門
- 個人制作 WebGL ゲームエンジン Kick.js のシェーダエディタが急激に進化してました!!
- SSAO とシャドウマッピングを適用したデモ! 他にもハイレベルなデモが多数公開中
- 新年らしい花火を模した WebGL サウンドビジュアライザ! 複数の楽曲から選択可能!
2014 年 12 月
- 永遠に続く不思議な世界…… three.js を使った幾何学模様の迷宮 Infinite Zoom
- WebGL + pex で実現した Deferred Rendering のチュートリアルが秀逸!
- WebGL 総本山の記事アクセスランキング 2014 年度版発表! TOP 10 + pickup!
- GLSL エディタ界の超新星となり得るか Shaderwall がローンチ!
- 二次元で流体を再現するデモンストレーション! 他にも物理シミュレーションのデモが多数
- TRON に登場するあのバイクゲームを WebGL で再現した CycleBlob
- WebGL のブレンディングについて調べるのに便利なカラーピッカーつきのオンラインツール
- オンラインでデザインした自分だけのラジコンカーをスマホ操作できるようにするプロジェクト!
- 本格的なビリヤードを WebGL で再現! 物理演算による反射も見事な完成度の高いゲームデモ
- マイク入力に反応して浮き上がる文字が美しい WebGL デモンストレーション Shake a flake
- オンラインレーベルの分解系が放つ WebGL 製の音楽作品 dendel voile がすごい!
- Live2D の WebGL SDK が公開! チュートリアル記事も用意されてます!
- 雪が舞い散る Winter land にモバイル端末で旅立とう! モバイルに最適化された WebGL コンテンツ
- インタラクティブデモがたくさんあって見てるだけでも本当に楽しい! gregtatum.com
- 恐竜たちの世界に思いを馳せよう! カナダ発の Dino Hunt コンテンツがすごい!
- WebGLで伝わる立体地図コンテンツ。 御嶽山噴火時の証言を集めた『NHK 御嶽山「噴火の証言」』開発秘話
- リアルタイムポストエフェクトで描く油絵風シェーダが見事!
- レトロな雰囲気がカッコいい! 疑似宇宙空間を駆け抜ける WebGL 製シューティング polar space
- WebVR と WebGL を本格的に利用したデモがオンライン配信中! 夢が広がる Oculus Rex
- 滑走する様子を再現することも可能なスキー場と山脈地形データビューア Piste.io
- iPhone とリアルタイムに連動する GLSL シェーダコーディングを楽しもう! Filters がリリース開始!
- Hero Forge で自分だけのキャラクターをデザインしよう! 3D プリントして発送もしてくれる!
- 本物のセンスを持つ個人サイトのデモがすごい! Web VR API を用いたものまでありました
- アーティストのライブイベント回数を WebGL で可視化する Music Globe
- 豊富なインテリアも自由に配置可能! WebGL 製の 3D 間取り制作サイト!
- サンタになって街へとダイブ! シンプルだけど面白い Google 謹製 WebGL ゲーム!
- 海中を漂う魚群のような美しい WebGL デモンストレーション
- NASA 公式データを利用した大気中の CO2 の推移がわかる WebGL デモンストレーション
- 今年も相変わらずのハイクオリティ! クリスマスまで毎日更新の Christmas Experiments
- クリスマス注目イベント #クリスマスボックス が WebGL 製でハイクオリティ!
- 今年も始まった WebGL Advent Calendar! 気になるエントリが盛り沢山!
2014 年 11 月
- マルチプラットフォームで複数の開発環境に対応予定 AexolGL の Web Engine が先行公開中!
- あの大人気ゲームの三次元版……なかなか面白いけどほんとにクリアできるのか
- サイトデザインからセンスをビンビン感じる WebGL デモサイト playpit
- 国際宇宙ステーションで撮影された美しい画像と共に宇宙を旅しよう! ISS Photo Viewer
- Wikipedia もう宇宙規模!? 項目を星に見立てた言葉の銀河 WikiGalaxy
- WebGL を用いて地球や地図をレンダリングする WebGL Earth API が想像以上に手軽だった
- ファイルの保存やロードも可能な WebGL 製のオンラインモデリングソフトウェア 3DTin
- js4kintro の募集期間を12月末までに延長しました
- フラグメントシェーダによるリアルタイムポストエフェクトがすごい! ぜひカメラのある端末で! Webcam Toy
- ボリュームレンダリングをあの three.js で実現した面白い試み LEBARBA
- 過去のクリスマスに行われた作品投稿イベントだけど…… WebGL 作品も多数掲載! Christmas Experiments
- 自らをクレイジーと称する javascript + 3D グラフィッカーが生み出すシェーダワールドが見事!
- とあるデザインスタジオのサイトが WebGL を利用したシンプルながらもカッコいい仕上がり
- PlayCanvas 製のゾンビと戯れるパックマン! 手軽に遊べる WebGL ゲーム Zombie Pacman
- WebGL を用いたインタラクティブノーマルマップ! NormalMap-Online
- 数々の素晴らしい作品を生み出してきたデジタルスタジオのサイト!背景には WebGL も!
- グラフの描画に特化したオリジナルライブラリ vivagraph.js のデータ可視化デモンストレーション
- 表情をコミカルに変化させられる WebGL ソックパペット! 可愛らしい表情が癖になります
- 感動すら覚える出来栄え! WebGL 製のオンライン LEGO ブロックサイトがマジですごい!
- WebGL で作られたゲレンデを駆け抜けよう! 実に冬らしい WebGL ゲームデモ
- 日本で three.js といえばこの人! 見事な three.js 実装を多数公開中 ヨモツネット
- プロモーションサイトに WebGL を利用! 多数のパーティクルが宙を舞うプロモサイト
- 全方位カメラの映像を WebGL でマッピング! Oculus Rift にも対応した驚きのデモで宇宙へ旅立とう
- 見た目も美しい WebGL と Canvas2D と SVG の全てのモードを比較できるフラットポリゴンメッシュデモ
- [WebGL書評]実践プログラミングWebGL
- WebGL 製のボクセル RPG 「Adventure Box」のベータデモが公開中! Kickstarter で目標達成なるか
- カスタマイズ性とボリュームが半端じゃない! 美麗サウンドビジュアライザがすごい!
- レンズが光を反射する様子をリアルにシミュレート! シンプルながらも興味深い光の挙動を観察してみよう
- 世界中のプレイヤーとオンライン対戦することも可能な本格チェスゲームサイト
- オンラインで閲覧できる本格デモシーン! 雰囲気も素晴らしいショートデモがすごい!
2014 年 10 月
- あらゆるWebプログラミングの知識を利用して作られたデモが多数! ハイレベルなデモサイト soul wire
- 世界の都市を上空から一望できる実験サイト! ワイヤーフレームや高さマップも表示可能
- 高品位で軽量な WebGL デモ多数! 本格的な WebGL を体験できる Einar Öberg 氏のサイト
- 自分の顔をスキャンして頭蓋骨モデルを生成! 顔認証と WebGL 技術の合わせ技デモがすごい
- WebGL エンジニアの募集は WebGL を使ったエントリーページで…面白い海外企業のサイト
- ビルトイン関数などの詳細な解説が満載! GLSL に関する貴重な情報が閲覧可能
- WebAudio と WebGL を見事に融合したデモンストレーションでボクセルライブを楽しもう
- 地図情報を動的に取得して地形を三次元プレビュー! 高低差もわかりやすい WebGL ビューア
- Blend4Web を利用した被写界深度も適用されたリアルな WebGL レンダリング
- アメリカの選挙の歴史を垣間見ることができる CNN の公式デモサイトが WebGL 製で公開中
- ハロウィーンと言えば……オリジナル模様のカボチャが作成できる WebGL デモ!
- フラグメントシェーダで模様を描くチュートリアル! 英語だけどエディタもついてる親切設計
- 3D モデルデータ探しに困ったときは…モデルデータ専用の検索エンジンが超便利!
- WebGL ゲーム専用配信サイト WebGLGames.com で WebGL の可能性を体験しよう
- 実用的なものから派手な作品まで WebGL 作品が多数公開されている 29a.ch
- 株式会社ライゾマティクスで WebGL スキルを持つエンジニアを募集中!
- 完成されたサイトデザインと見事に融合する多数のサンプルが秀逸すぎるサイト acnplwgl.com
- Unity 版ゲームからの移植作も含むハイレベルな WebGL 製ゲームが目白押し! Humble Mozilla Bundle
- 自宅から引っ越し先の様子がまるわかり? WebGL を利用した不動産ビューア
- パーティクルを用いた美しいベクトル表現 流れるように変化する様は幻想的
- 超話題になった某ゲーム風の WebGL で作られた簡易ミニゲーム Floppy Nerd
- 完成度の高い本格的なサウンドビジュアライザ ÜberViz
- WebGL を利用して本格的なパストレーシングを体験できるデモンストレーション
- 近い将来天気予報も WebGL に? 可能性を感じさせるオンライン WebGL 天気図サイト
- 高度で有用な実装コード多数! 本格的なシェーディングテクニックを学べる Grasshopper
- WebGL を利用してミュージックビデオを配信! 音楽と3DCGの融合がとても気持ちいいデモ
- 最初から最後までWebGL満載! インタラクティブに移り変わるデモを多数収録したサイト
- Example はどれもハイクオリティ! 充実の作例が多数公開されている oos.moxiecode.com
- 超注目の和製個人製作 WebGL ゲーム! 無償公開中のデモはなんと実際にプレイが可能!!
- Google謹製の段ボール製VR! デモ用コードは無償でダウンロード可能!
- 多くのゲームで利用されている Live2D が WebGL に対応し iPhone6 でも動作するように!
- 夏は終わっちゃいましたが爽快な波乗り気分を味わえる WebGL 製の軽快デモンストレーション
- アンチエイリアシングやノイズなどエフェクトテクニック満載の技術解説記事
- Webカメラの映像や動画に動的にフィルタを適用する Painter Bot
- オリジナルのデザインをそのまま3Dプリント対応形式で出力できる presidentti3d