電腦圖學week01

  課堂作業1:codeblock 開opengl 專案

Codeblocks-file-newproject-opengl 專案

先第二行選取桌面

再回第一行設定專案名稱

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

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

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

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

A:80-94行

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

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

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

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

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 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) 背景設黑色

Tanslate(200,200) 把旋轉的三角形 從左上角 移到正中心