最新WebGL通信 〜いまキャッチアップしたいWebGL2・WebGPU・WebXRとは〜 - ICS MEDIA
2011年に仕様が正式リリースされて以来、WebGLは多くのブラウザベンダー、コンテンツ開発コミュニティの手によって普及してきました。本記事では、2019年1月現在のWebGLの現状と周辺技術、そして未来について紹介します。 環境が完全に普及したWebGL 1.0 WebGLの最初のバージョンであるWebGL 1.0は、現在ではデスクトップ、モバイルともにすべての主要なブラウザで対応しています。対応環境という観点ではもはや案件での採用も問題ない状況といえるでしょう。実際のユーザーのWebGLサポート環境を集計する「WebGL Stats」によると、デスクトップ、スマートフォンともに98%もの環境で動作していることがわかります。 ▲WebGL 1.0を利用可能なブラウザについて。「Can I use…」より ▲WebGL 1.0のサポート環境について。「WebGL Stats」より 国内でも
webgl-waterのコースティクス解説
はじめに 最近バズっていたwebgl-waterのコースティクスをshadertoyで実装しました。せっかくなので簡単に解説したいと思います。 https://www.shadertoy.com/view/MttBRS https://www.shadertoy.com/view/MldfDn レイマーチングで絵が出せるぐらいの予備知識があると、ソースを理解しつつ読み進めることが出来ると思います。 レイマーチングについては@gam0022さんのスライドが詳細で分かりやすく解説されているのでおススメです。 シェーダだけで世界を創る！three.jsによるレイマーチング 解説に入る前に、見慣れない方もいると思うので webgl-water と コースティクス についての説明を先にします。 webgl-waterとは 2011年に登場した、ブラウザで動作する水面のリアルタイムシミュレーションです
次世代仕様のWebGPUとは？ 次期macOSでのOpenGL非推奨化はWebGLに影響をもたらすのか - ICS MEDIA
次世代仕様のWebGPUとは？ 次期macOSでのOpenGL非推奨化は WebGLに影響をもたらすのか ウェブの3Dグラフィックスを扱う新しい仕様として、WebGPUが提案されています。広く普及したWebGLがある中で、WebGPUとはどういった目的で生まれようとしているのでしょうか？ 本記事ではWebGLとWebGPUの違いと、近況を紹介します。 業界を震撼させたAppleのOpenGL非推奨化 今月6月上旬に開催されたWWDC 18で発表されたmacOS 10.14 MojaveとiOS 12のウェブページでは、OpenGL/OpenCLおよびOpenGL ESを非推奨化する旨が記載されています。macOS 10.14とiOS 12でOpenGL等は引き続き動作するものの、Metalへの置き換えを呼びかけています。 ▲What’s New in macOSにはOpenGLとOpenC
three.js + キューブマップでお手軽IBL - Qiita
この記事は，WebGL Advent Calendar 2016 16日目の記事です。 今年も何もしてないなぁと思いながら生きていたのですが、WebGLで色々成果を挙げている友人に感化されて飛び入り参加しました。よろしくお願いします。 今回は環境マップでよく利用されているキューブマップを使って、WebGL上で擬似的なIBLを、拡張機能を利用する方法としない方法の2つ実装しました。 この記事では実装の中で得た知見を共有できればと思います。 今回作ったもの https://github.com/kaneta1992/cubemapIBL IBL(Image Based Lighting)とは IBLと略すこともある。実在する風景の写真や高精細な画像をライティングの色情報に使用して、シーンをレンダリングする方法。広いレンジの明るさ情報を記録できるHDRIを用いることで、自然な光と陰影を表現できる
WebGL 2.0の概要 - Qiita
はじめに この記事では、WebGL 2.0について概要レベルで説明します。 「あれ？ いつもみたいに細かくやらないの？」というツッコミもあるかもしれませんが、本記事、実は私が最近始めた「WebGL Learning Path JP」というWebGL学習支援紹介サイトのコンテンツの一部としてリンクすることを前提にしているものですので、そんな流れになっています。 そのうち細かい説明も別の記事でやるかもしれませんが…、ひとまず今回は概要レベルです。 すでに概要を説明されている先人がいた…。 皆さんご存知、WebGLといえば学習スクール等も運営されている @doxas さんが、かなり昔にWebGL 2.0についてのスライドを公開されています。 当時から目をつけてたって、すごいよ…。 WebGL 2.0の概要：「WebGL 2.0 は WebGL 1.0の増強版だ！」 @doxasさんのスライドと同
豪華講師陣が送る本格 WebGL スクール！ 第三期の募集を開始します！ - WebGL 総本山
基礎から応用までを網羅する 2014 年より開催している WebGL スクール。その第三期の募集を開始します。 これまでの WebGL スクールでは doxas こと私、杉本 雅広が講義を単独で行うスタイルが基本でした。今回はなんと WebGL や three.js、そして WebVR に熟練した特別講師が本スクールの講義に参加します。 これまでの WebGL スクールに比べ、より多くの刺激やインスピレーションを得られる環境を用意しました。 興味のある方は以下、概要等をよくお読みいただき参加をご検討ください。 WebGL 基礎スクール（本講義） 今回の WebGL スクールも、これまで行ってきた第一期、第二期同様に、WebGL を基礎からしっかりと身につける ことができるスクールとなっています。 スクールの講義は、wgld.org や、当サイトの運営を行っている杉本 雅広が責任を持って担当
これが世界最高峰の GLSL シェーダデモか！ 質感にもこだわりを感じる驚きの GLSL 作品 Snail がすごい！ - WebGL 総本山
top 2015 年 12 月 これが世界最高峰の GLSL シェーダデモか！ 質感にもこだわりを感じる驚きの GLSL 作品 Snail がすごい！ 並の PC では滑らか再生は難しい 今回ご紹介するのは、ShaderToy に投稿された驚きの GLSL シェーダデモ作品です。 当サイトではこれまでにも ShaderToy の作品をご紹介したことがありましたが、正直言って、あのサイトには驚きのデモが本当にたくさんあります。そんな中でも、今回のデモには一種突出した、よくわからんけどとにかくすごい感 がありますね。 この作品を投稿したのは、なんと ShaderToy の生みの親である iq さんです。彼はレイマーチングに関する多くの文献を公開するなど、この界隈ではかなり有名なエンジニアです。 質感も見事なカタツムリ！ 今回の作品には Snail というタイトルがつけられています。 デモを見れ
オンラインでシェーダもモデルもリアルタイム編集可能なゲームエンジン KickJS のサイト - webgl and javascript
KickJS | WebGL game engine オンラインエディタまで一式あるのは素晴らしいなと思った。 サイトの雰囲気にも、あんまり華やかさはないけど example も揃っているし、技術を見稽古するにはいいかもしれない。
これはなかなか痺れる！ 画面遷移を GLSL で実装する GLSL.io - webgl and javascript
GLSL.io GPU のパワーを使って画面遷移を実行しちゃおうぜ！ っていうことですね。 いろんなものが既に揃ってますが、自分でカスタムすることもできます。 エディタ内蔵したページもあり非常に素晴らしい。
レイマーチングなどのシェーダサンプルが豊富 - webgl and javascript
www.kevs3d.co.uk/dev/shaders/ WebGL ＋ GLSL でシェーダをうまく活用したサンプルがいくつかある。 非常に素晴らしいのだけど、それぞれのサンプルの負荷はそれなりにあるため閲覧には注意。
Simulations on GPU for Web. Contents
Introduction Super-computer in your PC. Fractal generation on GPU. WebGL 2 and experimental Compute shaders. TFjs notes WebGPU Compute shaders in progress Get started with GPU Compute on the Web by Francois Beaufort. WebGPU samples out of date :) WebGL2 Compute shaders. obsolete Matrix multiplication Tuning GEMM for Intel GPU GEMM tests on RTX 2070 WebGL 2 Flat wave and Big wave demos Monte-
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ぼくらの街も戦場に！ ストリートビューと連携した Independence Day のサイトがすごい！ - WebGL 総本山
フラグメントシェーダの実装チュートリアルや小さなデモが多数公開されているブログ xdPixel - WebGL 総本山
Shadertoy