WebGL

WebGL2.0でボリュームレンダリング(TypeScript)

下記記事にて、Direct3D11を用いてボリュームレンダリングを実装してみました。 Direct3D11でボリュームレンダリング - 何でもプログラミング今回はWebGL2.0を利用して同様のものを実装してみたいと思います。ボリュームレンダリングの手法やデータは上記記…

WebGL(TypeScript)--- 立方体描画&回転

下記記事にて、WebGLを用いて三角形を描画しました。 WebGL(TypeScript)--- 三角形描画 - 何でもプログラミング今回は引き続き、立方体を描画&回転を実装してみたいと思います。上記記事をベースに実装していきますので、解説のない部分は参照をお願いい…

WebGL(TypeScript)--- 三角形描画

今回はWebGLを用いてcanvasに三角形を描画してみたいと思います。ライブラリを用いず、一から実装してみます。 HTMLの準備 表示のため、下記htmlを用意しました。canvas要素にWebGLで描画します。 <html> <body> <canvas id="gl_canvas" width="100" height="100"></canvas> <script src="script.js"></script> </body> </html> Shader作成関数 Vertex ShaderのコードとFragment Sh…