12750794-張瑋宸

CodeBlocks 開OpenGL 專案
CodeBlocks: File-New-Project,OpenGl專案
先第2行,挑選桌面當目錄
再回第1行,設定專案名稱
Win-Shift-5 可以截圖

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

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

在EnableOpenGL 和 DisableOpenGL 裡把相關的設定好

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

A:80-94行

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

學校電腦的檔案總管, 下載有 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) 把旋轉的三角形 從左上角 移到正中心