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制作ツール

    ピクトグラムなアイコンが作れるネットサービス Pictotool 試しに色々作ってみました

    モノトーン・ピクトグラムなアイコンを作れるネットサービス色々と…

  2. Web制作ツール

    指定したページで使われているキーワードを視覚的に表示する 『Bubble My Page Visua…

    Webページ内のキーワードを視覚的に面白く表示してくれるWebサービス…

  3. Web制作ツール

    ホームページやブログの表示速度を測定するネットサービス 速度改善にSRC速度測定

    ホームページやブログなどを色々と拡張していますとどんどんサイト…

  4. Web制作ツール

    無料で見やすい!!ヒートマップ解析もできる無料アクセス解析サービス『Pt engine』

    無料で使えるアクセス解析サービス無料で月に10万PVまで、1サ…

  5. Web制作ツール

    シンプルなパターン背景画像を作成できるWebサービス 『Background Image Gener…

    パターン背景画像を作成できるWebサービスホームページやブログ…

コメント

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

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

最近の記事

PAGE TOP