つの面を追加して立体化し、キューブを作成しましょう。呼び出して、そのテーブルの各頂点情報を参照して各面の頂点を定義する方法に切り替えます。つの面で共有されます。個の頂点すべてのリスト構築することで、やり取りするデータを少なくできます。座標を指示するには、座標の完全なセットを渡すのではなく、リストのインデックスを用いて座標を指し示します。個必要かと考えるかもしれません。色しか持たないためです。つのコピーを作成します。コードを更新して、キューブの頂点の位置のバッファを作成します。個の座標それぞれについて、色の配列を作成しなければなりません。このコードでは始めに各面の色を定義します。次にループを用いてこれらの配列を各頂点の色情報に変換しています。gl.STATIC_DRAW);エレメント配列を定義する頂点の配列を生成したら、次にエレメントの配列を作成します。インデックスを使用します。つの三角形として定義し、それら三角形の頂点はキューブの頂点の配列に対するインデックスで指定しています。個の三角形の集合体として表されます。36個の頂点が存在することになります。それらの多くは重複しています。インデックスの配列は単なる数値のみで構成されていますので、アニメーションのフレームごとに渡すデータの量が過度に多くなることはありません。つの面が鮮やかな色で塗られたキューブが回転しながら跳ね回るアニメーションが完成しました。inbox.現在、ニュースレターは英語でのみ提供されています。従って私の個人情報を扱うことに同意します。