2017-12-14から1日間の記事一覧

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…