12751100

 week01

作業1

CodeBlocks 開 OpenGL 專案

CodeBlocks:File-New-Project 專案

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

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

 

Win-shift-S 可以截圖

在C語言的OpenGL 程式,需要設定 Windows 的視窗

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

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

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

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

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

// week01_2_Java_OpenGL_Processing 

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();

作業3

在網頁試著把程式寫出來(從課堂作業2出發)

Google:p5js

在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);把旋轉的三角形,從左上角移到正中心