sib最近three.jsをいじり始めています。以下が作成してみたもの。ESの勉強も兼ねてwebGLを少し調べていた。Lessonsを一行づつコピペしたりコメント書いたりしつつ学習を進めた。(WebGL勉強会)こんな感じで、レッスンの内容通りに組んでみていた。study02コピペなのに動かなかったり、ちょっと図形を書くだけなのに沢山のコードが必要となったりと大変すぎる、そして沢山の新しい概念で頭が混乱する。よりなんとなくな概念は理解できた気がする。何よりも理解の参考になったのは、プログラミングガイドにもレッスンにも出てきた、このページにあるグラフィックスパイプラインの図だった。ES2)をいじり続けても時間だけがえらくかかってしまいそう、そして概要把握はできている状態なので、一旦ライブラリで具体的な使用方を覚えた後に、再度WebGLの中身の学習へと移ったほうが効果的だと判断した。WebGLを使用しているフレームワークにthree.jsというのがあり、3Dフレームワークの中でもよく耳にしていた。みたところ開発も続いているし良さそうなので、これを選ぶことにした。これまでwebGLで概念把握しているせいかもしれないのだけど、このthree.js、ほんのちょっとさわるだけでもドンドン分る、すごい面白い。ドキュメントとか少ないし不親切ではあるのだけど、それもgithubからダウンロードできるソースファイル見ていればなんとなくわかるので問題ないくらいだ。Startedが分かりやすくて良かった。http://aerotwist.com/lab/getting-started-with-three-js/次のエントリからはスタディの内容を随時書いて行く予定だ。