12750530李忻穎_week01

課堂作業1: CodeBlocks 開 openGL 專案

 

CodeBlocks:File-New-Project,OpenGL專案

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

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

 

Win-Shift-S 可以截圖 

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

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

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

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

A:80-94行

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

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

開啟 Processing(藍色)

File-Processing 設定,把字形放大,比較好寫程式

 

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

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

Google:p5js

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

左下角 Start Coding 線上寫程式

 

在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); 把旋轉的三角形

課堂作業6: