12750892-黃聖諺的week01課堂筆記

 課堂作業１：在CodeBlocks 開 OpenGL 專案

CodeBlocks：File - New - Project , OpenGL 專案

先第二行挑選桌布當目錄

再回第一行設定專案名稱

在C語言的 OpenGL 程式，需要設定 Windows 的視窗

裡面設定 WindowsProc 函式，去處理視窗的互動

真的圖學的程式，在EnableOpenGL 和 DisableOpenGl 裡，把相關的設定設好

Q：我們要學的程式碼是什麼呢？

Ａ：第80-94行

課堂作業2：用Java 的OpenGL 使用 Processing 來開發，開啟藍色的Processing

點file-偏好設定

調整字型大小

利用 C 的 OpenGL 核心的那幾行例子，寫出程式//week01_2_Java_OpenGL_Processingsize(400, 400, P3D); //設定好全部的 OpenGLbeginShape(TRIANGLES); //開始畫三角形fill(255, 0, 0); vertex(0, 200);fill(0, 250, 0); vertex(400, 0);fill(0, 0, 255); vertex(400, 400);endShape();

課堂作業3：在網頁試著把程式寫出來，從課堂作業2出發

1. 在google搜尋p5.js 找到官網

2. 左下角 Starting Coding 線上寫程式

3. 在function draw() 裡面，塞入剛剛的程式碼(beginShape()-endShape()那幾行)

4. 再按 粉紅色三角形 執行

課堂作業4：想要讓他轉動

在藍色的Processing Ctrl+N 開新的程式

把舊的程式貼到新的視窗，然後改寫

加了兩個函式 

void setup(){

}

void draw(){

}

再加 3 行程式碼，分別是 float angle = 0; 宣告變數

rotate(angle); 照角度做旋轉

angle += 0.01 角度增加

課堂作業5：讓轉動更清楚

把剛剛的座標換成，以正中心，左右對稱，有正有負的座標系統

在前面加上 background 背景設黑色

Translate 把旋轉的三角形從左上角移到正中心