2018年7月の記事一覧
コピペで慣れる生WebGL 04_フレームバッファー
前回、03_ビデオと3Dについて紹介しました。行列を使い3Dをレンダリングをする手法を紹介しました。今回はフレームバッファーを使ったサンプルを紹介します。
フレームバッファフレームバッファーを利用してオフスクリーンレンダリングの処理を行います。オフスクリーンレンダリングとは画面へ直接書き込まない描画処理のことを指し、メモリに描画結果を書き込んでいきます。オフスクリーンでレンダリングしたものをテク
コピペで慣れる生WebGL#03ビデオと3D
前回、#02パーティクルについて紹介しました。複数のプログラム(three.jsではMaterial)を使い、パーティクルのレンダリングを行うサンプルでした。前回までは行列をほとんど使いませんでした。今回から行列を使い3Dをレンダリングする手法を紹介します。
ビデオと3Dビデオの背景にシンクロさせて立方体をレンダリングする手法を紹介します。ビデオをWebGLのテクスチャとして使用する際、ビデオの
コピペで慣れる生WebGL#02パーティクル
先週の#01ディストーションエフェクトの紹介を行いました。プログラム1つ、プログラムで使用するUniformを1つにするなど非常にシンプルなサンプルでした。
第2回目も非常によく目にするパーティクルについてのサンプルです。
パーティクルは
- 3Dモデルと一緒に使う
- 背景の一部
- シーンの遷移のアニメーション
- メインビジュアルのアニメーション・演出
など使用範囲が非常に広く、自由度が