12750423_week01

 

課堂作業 1 Codeblocks開OpenGL專案

 

Codeblocks:File->New->Project->OpenGL

先第二行 挑選桌面當目錄

再回第一行 設定專案名稱

Win+S 可以截圖

在C語言的 OpenGL程式 需要設定Windows的信箱 花很多程式碼 裡面設定WindowProc函式 去處理你的視窗的互動

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

Q:我們藥學的程式碼是什麼阿?

A:80~94行

 

 

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

學校電腦的Win+E開檔案總管->下載

開啟processing (藍色)

用File -> processing 設定 把自行放大 比較好寫程式

 

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

 

//week01-2 

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()…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) 把旋轉的三角形。從左上角移到正中間