WebGL2をオブジェクト指向っぽく触れるライブラリXenoGLを公開しました

WebGL、大変ですよね。OpenGLベースなのでC言語っぽいAPIと付き合っていかなければならず、JavaScriptの文化とはなかなか馴染みません。

そこでWebGLをオブジェクト指向っぽく触れるように、WebGL2用のラッパーライブラリであるXenoGLを開発・公開しました。

Read More

WebGL用のJavaScript行列計算ライブラリMatrixGLを公開しました

WebGLを扱う際には行列計算というのがどうしても必要になってきます。だいたいは既存のライブラリを使ってなんとかしたりするのですが、現状あまり選択肢は多くありません。そこで新しいライブラリであるMatrixGLを作って公開しました。

Read More

JavaScriptからGPGPU(WebGL2)を利用する&パーティクル描画

WebGL2ではTransformFeedbackという機能が使えるようになりました。TransformFeedbackがあればGPUでの計算結果をバッファに書き出すことができるようになります。これを使えば、なかなか面白いことができるようになります。

この記事では、TransformFeedbackを利用したGPGPUと、パーティクル描画について解説します。

Read More

WebGL2入門 最適化編

WebGL2入門 基礎編では、簡単なWebGL2の使い方について学びました。しかし無駄が多いプログラムでした。そこで、次はいくつかの最適化を行いたいと思います。最適化と言っても、まだ規模が小さいため効果は実感しにくいはずです。ですが、早めのうちに学んでおくべきでしょう。

Read More

WebGL2入門 基礎編

WebGLもずいぶんと普及し、そろそろWebGL2の足音も聞こえ始めています。一部のブラウザでは既に実装が進み、限定的ではありますが、実際に利用することも可能になっています。

しかしWebGL2に関する情報は少なく、あったとしてもWebGLとの差異を説明したにとどまるものが多いのが現状です。そこで、この記事ではWebGL2について、基本的な使い方を包括的に説明していきたいと思います。

Read More