【OpenGL第2回】2Dでの直線と三角形の描画

前回の第1回に引き続き、OpenGLの勉強を続けていきます。

最終的には3DCGの描画へと進みますが、その手始めとしてまず2Dで何かを描画してみたいと思います。

今回の環境

・Windows 10
・Visual Studio 2015 Community

2Dでの図形の描画

OpenGLでの図形の描画方法は様々ありますが、今回は一番簡単かつ原始的なやり方で描画を行ってみたいと思います。

ソースコードと実行結果は以下となります。

上記のソースコードを実行すると3本の直線と一つの三角形が描画されます。

glBegin()とglEnd()を用いた図形の描画

glBegin()に図形の形状を指定し、glEnd()との間に頂点を記述することで図形を書くことができます。

まず座標の定義ですが、デフォルトではウィンドウの左下が(-1,-1)、ウィンドウの右上が(1,1)になります。

「glBegin(GL_LINES);」と記述した場合には直線が記述されます。

直線を構成するためには点が二つ必要なので、1つ目と2つ目の頂点、3つ目と4つ目の頂点……と結ばれていくことになります。

glBegin(GL_LINES)～glEnd()の間に複数の直線を書くこともできます。これは他の図形についても同様です。

glBegin(GL_LINES);
   glColor3f(1.0, 0.0, 0.0);
   glVertex2f(-0.8f, -0.8f); // (1.0, 0.0, 0.0) 赤　①
   glVertex2f(-0.8f, 0.8f); // (1.0, 0.0, 0.0) 赤　②

   glColor3f(0.0, 1.0, 0.0);
   glVertex2f(0.0f, -0.8f); // (0.0, 1.0, 0.0)　緑　③
   glVertex2f(0.0f, 0.8f);  // (0.0, 1.0, 0.0)　緑　④

   glColor3f(0.0, 0.0, 1.0);
   glVertex2f(0.8f, -0.8f); // (0.0, 0.0, 1.0)　青　⑤
   glColor3f(1.0, 1.0, 0.0);
   glVertex2f(0.8f, 0.8f); // (1.0, 1.0, 0.0)　黄　⑥
glEnd();

glBegin(GL_TRIANGLES);
   glColor3f(1.0, 0.0, 0.0);
   glVertex2f(-0.4f, -0.4f); // (1.0, 0.0, 0.0) 赤　⑦
   glVertex2f(-0.4f, 0.4f); // (1.0, 0.0, 0.0) 赤　⑧
   glColor3f(1.0, 0.0, 1.0);
   glVertex2f(-0.2f, 0.0f); // (1.0, 0.0, 1.0) 紫　⑨
glEnd();