*

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

公開日: : 最終更新日:2012/07/17 Web制作ツール

最近よく目にする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化していきそうな素晴らしい技術です

 

  • このエントリーをはてなブックマークに追加

Message

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

 

    • Info (64)
    • Tips (129)
    • 市販ソフト (8)
    • 解決 (86)
    • 技あり (8)
    • 比較 (14)
    • Wordpress (15)
    • ハードウェア レビュー (26)
    • Windows8アプリ (2)
    • 美しいデスクトップを求めて (13)
    • Freesoft ゲーム (11)
    • 未分類 (1)



PAGE TOP ↑