WebGL– tag –
-
WebGL Fluid Simulation - Webブラウザで滑らかに動作する流体シミュレーター
水や煙などの流体のリアルなアニメーションを生成するためのコンピュータグラフィックス技術「Fluid Simulation」。 本日紹介する「WebGL Fluid Simulation」は、ウェブブラウザで3次元コンピュータグラフィックスを表示させるための標準仕様である「WebGL... -
WebGL Lathe simulator - three.jsを使用して作られたリアルな旋盤シミュレーター
旋盤とは、回転する素材に刃物を当て、特定の形状に切削する工作機械のこと。一般人はなかなか使用するチャンスはありませんが、存在だけは知っているという方は多いかもしれません。 本日紹介する「WebGL Lathe simulator」は、その旋盤をブラウザ上で実... -
リアルすぎてちょっと怖い海のシミュレーション「Web GL Ocean Simulation」
WebGLを使ってリアルな海面を再現する「Web GL Ocean Simulation」が公開されています(jsfiddle、Hacker News)。 静止画だとそうでもありませんが、実際に動いている様子を見るとかなりリアル。海の中からなんかでてきそうでちょっと怖ささえ感じます(汗。... -
GitHubユーザーが地球上のどこ住んでいるか確認できる「Github Globe」
「Github Globe」はGitHubのユーザーが地球上のどの地域にたくさんいるの確認できるVisualizationサービス。 地球儀をマウスでぐりぐり動かすことができます。線の場所がユーザーの住んでいる地域を、線の高さがユーザーの多さを表しています。あたりまえ... -
WebGLを使った仮想3D宇宙「Kosmos」
Kosmosは、WebGLによる3D宇宙空間の実装です。Chromeなどの対応ブラウザで動かして遊ぶことができます。 マウスで操作して移動するのですが、スピードをマックスまで上げると、ワープしているみたいでおもしろいです。 どこか遠くの恒星に到着。思い通りに... -
「MathBox.js」によるワイヤーフレームワーク3Dステレオグラム
三次元グラフを簡単に描画することができるJavaScriptライブラリ「MathBox.js」のサンプルとして3Dステレオグラムのサンプルが公開されています。 よくあるタイプのステレオグラムと違ってワイヤーフレームと矢印だけで作られているのがユニーク。しかも動...
1