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

関連記事

  1. Web制作ツール

    サイト構築に必要な.htaccessが簡単に作成出来るWebサービス 「.htaccess作成」 w…

    サイトの構築の際にセキュリティーやwww正規表現やリダイレクト設定など…

  2. Web制作ツール

    指定サイトをモバイルで見たコストを教えてくれるWebサービス 『What Does My Site …

    指定したURLを解析してモバイルネットワークでのコストを教えて…

  3. Web制作ツール

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

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

  4. Web制作ツール

    プレビューしながらWeb画面配色・カラーを選択できるWebサービス 『Speculo』

    サンプルのWebページをプレビューしながらWeb画面の配色を設…

コメント

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

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

PAGE TOP