WebGLについて - Qiita

var key = 'canvas'; var canvas = document.getElementById (key); var gl = canvas.getContext('webgl', null); var size = Math.min(window.innerWidth, window.innerHeight); canvas.width = size; canvas.height = size; canvas、そしてWebGLコンテキストを取得した上で、サイズ等の設定を行います。 2.シェーダのコンパイル シェーダis何 よくわからない単語が出てきました。ぐぐります。 wikiを引用 シェーダー（英: shader）とは、3次元コンピュータグラフィックスにおいて、シェーディング（陰影処理）を行うコンピュータプログラムのこと。「shade」とは「次第に変化させる」「陰影・