12750245_黃品燕_week01

 

課堂作業1 CodeBlocks 開 OpenGL 專案

 

CodeBlocks:File-New-Project,OpenGL 專案

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

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

 

Win-Shift-S 可以截圖

 

 

                                  

 

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

裡面設定 WindowProc 函式,去處理你的視窗的互動

真的[圖學]的程式,在EnableOpenGL和DisableOpenGL裡,把相關的設定設好。

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

A:80-94行

 

 

 

 

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

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

開啟Processing[藍色]

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

 

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

 

 

//week01-2_Java_OpenGL_Processing

size(400,400,P3D);

beginShape(TRIANGLES);

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

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

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

endShape();

 

 

 

 

 

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

Google:p5*js

找到官網 https://p5js.org

左下角 Start Cocling 線上寫程式

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: