利用 VSCode 建立 OpenGL 開發環境

這幾天踩了好多坑，稍微筆記一下

由於想在 VSCode 上學 OpenGL，參考網路許多大神，最後整理如下:

安裝項目

1. VSCode：編輯器套件
2. MinGW、LLVM(包含Clang)：編譯器套件
3. Freeglut：OpenGL函式庫

而安裝[1][2]的過程，可參考 使用 VSCode 編譯並執行 C/C++ 語言

安裝完後+建置資料後會如下圖

註：別忘了設定環境變數，不然 VSCode執行會報錯

接下來安裝 freeglut 時，把 bin、include、lib 資料夾裡面的檔案移至到你設置 LLVM 相對應的資料夾內。

到此大概都安裝完了，之後回 VSCode 做最後設定吧。

在 VSCode 中設定 freeglut 的參考

由於這範例用到內建的編輯器 跟 Code Runner 的關係兩邊設定檔都要參考

task.json 設定

setting.json 設定

設定完後，接下來新增一個.cpp檔來寫 OpenGL 的範例Code吧

#include <GL/glut.h>
void init();
void display();
int main(int argc, char* argv[])
{
  glutInit(&argc, argv);
  glutInitDisplayMode(GLUT_RGB | GLUT_SINGLE);
  glutInitWindowPosition(0, 0);
  glutInitWindowSize(300, 300);
  glutCreateWindow("OpenGL 3D View");
  init();
  glutDisplayFunc(display);
  glutMainLoop();
  return 0;
}
void init()
{
  glClearColor(0.0, 0.0, 0.0, 0.0);
  glMatrixMode(GL_PROJECTION);
  glOrtho(-5, 5, -5, 5, 5, 15);
  glMatrixMode(GL_MODELVIEW);
  gluLookAt(0, 0, 10, 0, 0, 0, 0, 1, 0);
}
void display()
{
  glClear(GL_COLOR_BUFFER_BIT);
  glColor3f(0, 1.0, 0);
  glutWireTeapot(3);
  glFlush();
}

OK 之後執行如果編譯成功，茶壺就會被你畫出來了。

粗淺大概筆記一下，如有誤或想補充的歡迎留言討論。

Reference:

[1] https://www.zhihu.com/question/30315894

[2] https://blog.darkthread.net/blog/write-c-with-vscode/

[3] https://junyou.tw/vscode-c/

[4] https://sudo.tw/article/setup-opengl-for-development-on-cpp