WebGL

webgl.png

WebGLで書く意義

  • ウェブページにグラフィックスを載せたい

WebGLで絵を載せるのと、静止画を載せるのの違い

なぜアニメーションが求められるか? このサイトの主旨は色々なことをわかりやすく説明することですが、
アニメーションで説明した方が理解しやすいからです。

行列演算ライブラリ

q?_encoding=UTF8&ASIN=B00DS74080&Format=_SL110_&ID=AsinImage&MarketPlace=US&ServiceVersion=20070822&WS=1&tag=miffysora-20
これ欲しい。。。
緑本の公式サイト&Live Example
q?_encoding=UTF8&ASIN=144932357X&Format=_SL110_&ID=AsinImage&MarketPlace=US&ServiceVersion=20070822&WS=1&tag=miffysora-20
OreileyのWebGL本

サンプルソースコード

How To Demo?

XP + Chrome10以上だとWebGLがdisableにされているらしい。
方法は、

  • —ignore-gpu-blacklist オプション付きで起動する。

How to develop?

このサイトがわかりやすい。

その他

WebGLでは3Dテクスチャは使えないらしい!

ひな形

webgl-utils.js

参考文献

サポートサイト Wikidot.com