はじめにこの記事では、WebGLでポリゴンを描画する方法を紹介します。言語はTypeScriptを使います。JavaScriptではなくTypeScriptを使う理由を書きます。WebGLは1つのポリゴンを描画するだけでも結構難しかったりします。その理由はGLの使い方が難しいことだと思います。いうときにTypeScriptが役に立ちます。写経したコードの中に出てくる変数がどんな型なのかが分かるからです。型が分かれば変数の役割が分かりますし、補完が効くのでタイポなども少なくなります。この記事の内容を実装したソースコードはこちらにあります。github.comまた、この記事で扱うWebGLでの描画については下記の記事と同じです。この記事のJavaScript版で、GLの概念なども丁寧に解説されています。sbfl.net最終的には次のような画面になる想定です。それでは早速TypeScriptとWebGLでポリゴンを描画していきます。TypeScriptのプロジェクトを作成する依存するライブラリを設定します。下記のコマンドで依存するライブラリを落とします。下記のようになりました。