Web制作ツール

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化していきそうな素晴らしい技術です

関連記事

  1. Web制作ツール

    ロゴ作成の参考になるかも 簡単にロゴが作成可能なWebサービス 『Squarespace logo』…

    ロゴが簡単に作成可能なWebサービス日本語も可能でシンプルに簡…

  2. Web制作ツール

    高機能なCSSでグラデーションが作れるWebサービス 『Grad3』

    CSSでグラデーションが作成できるWebサービス細かく設定が可…

  3. Web制作ツール

    こりゃ便利!! Webページのサムネイル生成やページ丸ごとPDFに出来る「HeartRails Ca…

    Webページのサムネイルの生成や、ページ丸ごとPDFに出来るWebサー…

  4. Web制作ツール

    登録不要!! IE5.5、IE6~IE10のサイト表示チェックが出来るWebサービス IENetRe…

    IEのサイトチェックに便利なWebサービスでURLを入力するだけで使え…

コメント

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

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

PAGE TOP