Rendering Realtime Caustics in WebGL
I created http://madebyevan.com/webgl-water/ back in 2011 and I’ve always been meaning to explain how it works. The most interesting aspect of the demo in my opinion is my approach to rendering caustics. The term “caustic” refers to the pattern that light makes when it is reflected or refracted by a curved surface. Caustics look like this: Caustics from the sun on the pool floorThis is normally be
深海を漂っているかのような妖艶なその姿が見事な WebGL 製の 3D クラゲがすごい！ - WebGL 総本山
神秘に満ちた美しい姿 今回ご紹介するのは、まるでアート作品のような非常に美しい、WebGL のデモンストレーション作品。 ポリゴン数自体が多いというよりも、その見せ方が非常に上手な印象を受けるデモですね。 深海の奥深く、人類のまだ見たことのない神秘の世界を見事に再現したデモをぜひご覧になってみてください。 見た目の美しさだけではない高い完成度 今回のデモの最大のポイントは、なんと言ってもその美しいレンダリングです。 ポストエフェクトを上手に利用することで、幻想的とも言える美しいクラゲを表現しています。 今回のデモはけして軽い作品ではないですが、できるだけ高解像度のディスプレイで、なおかつハイパワーなマシンで見たほうが感動が大きいと思います。 キャプチャしてもどうしても小さくなってしまいますが、せめて雰囲気だけでも伝わるでしょうか。 マウスのホイール操作やドラッグ操作により、視点の変更やズー
これが世界最高峰の GLSL シェーダデモか！ 質感にもこだわりを感じる驚きの GLSL 作品 Snail がすごい！ - WebGL 総本山
top 2015 年 12 月 これが世界最高峰の GLSL シェーダデモか！ 質感にもこだわりを感じる驚きの GLSL 作品 Snail がすごい！ 並の PC では滑らか再生は難しい 今回ご紹介するのは、ShaderToy に投稿された驚きの GLSL シェーダデモ作品です。 当サイトではこれまでにも ShaderToy の作品をご紹介したことがありましたが、正直言って、あのサイトには驚きのデモが本当にたくさんあります。そんな中でも、今回のデモには一種突出した、よくわからんけどとにかくすごい感 がありますね。 この作品を投稿したのは、なんと ShaderToy の生みの親である iq さんです。彼はレイマーチングに関する多くの文献を公開するなど、この界隈ではかなり有名なエンジニアです。 質感も見事なカタツムリ！ 今回の作品には Snail というタイトルがつけられています。 デモを見れ
Steven Wittens / mathbox · GitLab
Moved to https://github.com/unconed/mathbox
Bringing the Power of SIMD.js to gl-matrix – Mozilla Hacks - the Web developer blog
Background: SIMD.js Single-Instruction-Multiple-Data (SIMD) is a technique used in modern processors to exploit data level parallelism. SIMD introduces wide vectors that can hold multiple data elements. Once loaded, all of the vector’s elements can be processed simultaneously using one vector operation. This brings the advantages of better performance and energy efficiency. The parallelism offered
スマホでもWebGLは爆速！ スマホブラウザの描画性能を徹底検証 （HTML CanvasとWebGLを利用） - ICS MEDIA
スマホでもWebGLは爆速！ スマホブラウザの描画性能を徹底検証 （HTML CanvasとWebGLを利用） スマートフォン向けのウェブコンテンツでもWebGLを採用すれば高速な描画性能が得られます。たとえば、ゲームやデータビジュアライゼーション、3D表示、広告向けスペシャルコンテンツといった分野でWebGLが役立つでしょう。iOSとAndroidも含め今やほとんどのスマートフォンでWebGLが利用可能といっても差し支えない状況です。この記事ではスマートフォンにおけるWebGLの描画性能を検証し、その結果を紹介します。 動作検証ビデオで見る各種スマートフォンの性能差 多くのパーティクル（粒子）を大量に表示することで描画性能を検証しました。パーティクルの数が多いほど高性能であることを示します。 ビデオ撮影の検証に用いたのは画面左上から順に次の端末となっています。検証時期（記事執筆時）は20
シェーダーはNon-Stop! - Pentanium Blog?
これはWebGL Advent Calendar 2015、10日目の記事です。 自前でいろいろやられているネタが続いていますが人の褌で相撲を取るスタイルで気楽にいきます。 というわけで最近颯爽と現れたvertexshaderart.comを勝手に紹介。 開発者はgreggman氏。なんとバーテックスシェーダーを投稿できるWebサービスです! バーテックスシェーダーファンの皆様は心待ちにしていたことでしょう。 いままでにもGLSLを投稿できるところはGLSL SnadboxやShadertoyがありました。 どちらも超弩級のシェーダーを手軽に見られて素晴らしいのですが、これらはフラグメントシェーダーのサービスです。 いっそCodePenやjsdo.itを使うという方法もありましたが、この手のものはHTMLからCSS、Javascriptまで用意しなくてはならず面倒です。 純粋にバーテックス
Mozilla-pioneered asm.js and WebGL achieve milestone as the Unity game engine provides full support for WebGL titles – Future Releases
Mozilla-pioneered asm.js and WebGL achieve milestone as the Unity game engine provides full support for WebGL titles We have great news to share. Our long-standing partner, Unity announced today that it is removing the preview label from its WebGL export functionality as of Unity 5.3. Over the past six months Unity and browser makers have been pushing hard to address quality and performance issues
[WebGL] HDRレンダリングの様々な実現方法の比較 - Qiita
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? WebGL Advent Calendar 2015 7日目の記事です。 2015年10月、UnityはWeb Playerを非推奨とすることを発表しました。Flashについても終わりが見え始めています。また、最近はiOSやAndroidを搭載したモバイル端末の利用率が増加していますが、これらはUnity Web PlayerもFlashも対応していません。このため、以前はWebGLは軽量な3Dコンテンツ程度にしか使用されていませんでしたが、これまでUnity Web PlayerやFlash Stage3Dが担当していたような本格的な
![[WebGL] HDRレンダリングの様々な実現方法の比較 - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/dc45a18c43efca138acdcff3cdc2ef3febe17b83/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Fadvent-calendar-ogp-background-7940cd1c8db80a7ec40711d90f43539e.jpg%3Fixlib%3Drb-4.0.0%26w%3D1200%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk3MiZoPTM3OCZ0eHQ9JTVCV2ViR0wlNUQlMjBIRFIlRTMlODMlQUMlRTMlODMlQjMlRTMlODMlODAlRTMlODMlQUElRTMlODMlQjMlRTMlODIlQjAlRTMlODElQUUlRTYlQTclOTglRTMlODAlODUlRTMlODElQUElRTUlQUUlOUYlRTclOEYlQkUlRTYlOTYlQjklRTYlQjMlOTUlRTMlODElQUUlRTYlQUYlOTQlRTglQkMlODMmdHh0LWFsaWduPWxlZnQlMkN0b3AmdHh0LWNvbG9yPSUyMzNBM0MzQyZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT01NiZzPTNhMTM2MTU5ZmNhZTkyOGRjYjc1YTY1MjYzYzQ2YzE1%26mark-x%3D120%26mark-y%3D96%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZoPTc2Jnc9OTcyJnR4dD0lNDBZVlQmdHh0LWNvbG9yPSUyMzNBM0MzQyZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT0zNiZ0eHQtYWxpZ249bGVmdCUyQ3RvcCZzPTI0MGYwYTlmYjBmOWY3ZGZhM2I0ZmFhOWEzYWM3MDJk%26blend-x%3D120%26blend-y%3D500%26blend-mode%3Dnormal%26s%3D0fe2e8a68dac73745179cf34d75b9df8)
Introducing Tokyo WebGL Meetup.
こんにちは、Gaji-Labo 雑用担当の @neotag です。 この記事は Gaji-Labo Advent Calendar 2015 3日目の記事です。 今回は僕が参加している Tokyo WebGL Meetup というコミュニティのご紹介をしようと思います。 Tokyo WebGL Meetup はその名の通り東京ベースの WebGL 関連のコミュニティです。 ピクセルグリッドの @yomotsu さんを中心に、面白法人カヤックの @edo_m18 さん、ゲームエンジニアの @mattari_panda さん、wgld.org の @h_doxas さん 、 @neotag で主催しています。 ※僕はもっぱらイベントの裏方を担当しています。 身内で勉強会をやるだけでなく100人前後のイベントを開いたりしています。 最近は WebGL とセットで WebVR 熱も加熱していたりし
MathBox² — Acko.net
"I think a lot of mathematics is really about how you understand things in your head. It's people that did mathematics, we're not just general purpose machines, we're people. We see things, we feel things, we think of things. A lot of what I have done in my mathematical career has had to do with finding new ways to build models, to see things, do computations. Really get a feel for stuff. It may s
Tantalum - 2D Light Transport | Benedikt Bitterli's Portfolio
Benedikt Bitterli's Portfolio
Microsoft Edge（2015年11月）における WebGL 対応状況 - Qiita
Microsoft Edge（2015年7月）における WebGL 対応状況 http://qiita.com/cx20/items/6c02794c3a841be5de8d 2015年11月 に Windows 10 の更新版（TH2）がリリースされたので、改めて Microsoft Edge の WebGL 対応状況を調べてみました。 主な変更点としては WebGL のバージョンが 0.95→0.96 に変更 動画テクスチャに対応（MP4 にて確認。WebM は開発中の模様） といったところのようです。あとは、7月時点と同様のようです。 WebGL 1.0 になっていない（WebGL 0.96） Context Name が experimental-webgl（試験的機能）のまま 使える WebGL 拡張が Chrome/Firefox に比べて少ない 複雑な GLSL だとエラーに
CLUB SIMULATOR
Fractal Fantasy is an audio/visual platform run by Sinjin Hawke & Zora Jones.
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Resolution independent GPU text rendering demo
https://blogs.unity3d.com/jp/2015/12/15/updated-webgl-benchmark-results/
https://blogs.unity3d.com/2015/12/15/updated-webgl-benchmark-results/
Unity 5.3 & Web GL/HTML5 セミナー by Unity & Mozilla | Peatix
https://blog.unity.com/2015/12/07/unity-5-3-webgl-updates
WebGL – The Future Ain’t What It Used To Be!