12750051 week01

 課堂作業1 CodeBlocks 開 OpenGL 專案

 

CodeBlocks:File-New-Project,OpenGL專案

先第2行，挑選桌面當目錄

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

 

Win+Shiht+S 截圖

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

設定WindowProc函式，去處理你的視窗的互動

真的「圖學」的程式，在EnableOpenGL和DisableOpenGL裡，把相關的設定設好。

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

A:80-94行

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

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

開啟Processing(藍色)

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

利用C的OpenGL核心的那幾行的例子，寫出我們的程式

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

Google:P5js

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

左下角 Start Coding 線上寫程式

https://editor.p5js.org/

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

再按 粉紅色三角形 執行

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

再藍色的processing Ctrl+N 開新的程式

把舊的程式，移到「新的視窗」，然後改寫

加了 兩個函式形狀

void setup(){

}

void draw(){

}

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

rotate(angle); 照角度做旋轉

 angle+=0.01; 角度增加

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

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

把剛剛的座標，換成「正中心」有正、有負的座標系統

再前面加上 background(0) 背景設「黑色」

Translate(200,200); 把旋轉三角形，從左上角 移到正中