WebGLとは!? デモ・サンプルを見て理解 ブラウザ内で3D処理が出来る凄い技術

最近よく目にするWebGL

この前の記事でもGoogle Cubeをご紹介しましたが

他にもWebGLを使ったサンプル等が無いか色々と調べてみました

WebGL対応のブラウザで見る事が出来ます

webgl4

Wikipedia WebGL リンク先

上記リンク先より対応ブラウザの確認が出来ます

現在のChromeでは問題無く見る事が出来ます

WebGL サンプルリンク

Mozilla DemoStudio

webgl5

https://developer.mozilla.org/ja/demos/tag/tech:webgl/

沢山のサンプル集があります

WebGL Demo Repository

webgl6

http://www.khronos.org/webgl/wiki/Demo_Repository

こちらにも沢山のサンプルがあります

WebGL Aquarium

webgl3

http://webglsamples.googlecode.com/hg/aquarium/aquarium.html

水族館の様に魚が泳いでいます

カメラの視点や魚の数などを調整したりも出来ます

Collectibles Painter

webgl1

http://webglsamples.googlecode.com/hg/collectibles/index.html

アバターの様にキャラクターを作る事が出来ます

キャラクターは自在に回すことが出来ます

WebGL Field

webgl2

http://webglsamples.googlecode.com/hg/field/field.html

さわやかな草がなびくサンプル

見ていて気持ちいいぐらいに滑らかに動いています

今までに無かったブラウザでの3Dでの表現が出来そうです

今後はページなどが3D化していきそうな素晴らしい技術です

  • コメント: 0

凄いぞ!! GoogleMapで玉転がしゲーム!! WebGLを使ったブラウザゲーム Cube前のページ

こりゃ便利!! 各都市の時間が分かりやすいWebサービス Every Time Zone 視覚的に分かります次のページ

関連記事

  1. Web制作ツール

    サイトがレスポンシブデザインに対応かを調べる事が出来るWebサービス 『Am I Responsiv…

    様々なデバイス、画面解像度からのアクセスに自分のサイトが正常に…

  2. Web制作ツール

    自分のドメインの価値を調べることが出来るネットサービスBizInfomation

    自分のドメインの価値をちょっと気になって調べましたらやはりあり…

コメント

  1. この記事へのコメントはありません。

  1. この記事へのトラックバックはありません。

最近の記事

PAGE TOP