12751036-徐詩淳_week01

 

課堂作業1 CCodeBlock開OpenGL 專案

 

CodeBlock: File-New-Project, OpenGL專案

先第2行，挑選桌面目錄

再回第1行，設定專案名稱

Win-Shift-s 可以截圖

在C語言的OpenGL程式 ，需要設定Windows的視窗，花很多行程式碼

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

真的【圖學】的程式，在EnableOpenGL和DisableOpenGL裡，

把相關的設定設好。

Q: 我們要學的程式碼是甚麼?

A: 80-94行

課堂作業 2:用 Java 的OpenGL使用Processing來開發

學校電腦的 Win-E開檔案總管，下載有 Processing 解壓縮的目錄

開啟 Processing (藍色)

File-Preference 設定，把字形放大，比較好寫程式

// week01-2_java_OpenGL_Processing

size(400,400,P3D); //設定好全部的OpenGL

beginShape(triangles); //開始畫三角形 S

fill(255,0,0); vertex(0, 200);

fill(0,255,0); vertex(400, 0);

fill(0,0,255); vertex(400,400);

endShape();

// Ctrl-S 存檔

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

Google:  p5js  

找到官網  https://p5js.org/

左下角 Start Coding 線上寫程式  https://editor.p5js.org/

在 function draw{}裡面，塞入剛剛程式的 beginShape()...end() 那幾行

再按 粉紅色三角形 執行

課程作業4: 想要讓它轉動

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

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

加了 兩個函式的形狀

 void setup(){

}

void draw(){

}

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

rotate(angle); 照角度做旋轉

angle += 0.01; 角度增加

最後 再把 vertex() 座標改位置

課程作業 5: 讓轉動更清楚

把剛剛的座標 換成【正中心】有正負的座標系統

在前面加上 background(0) 背景設成黑色

translate(200,200) 把旋轉的三角形 從左上角移動到正上方

 

課堂作業 6:

小畫家裡面，常用 調整大小