12750840Week01

 課堂作業1 Codeblocks用OpenGL 專案

 

CodeBlocks: File-New-Project, QpenGL專案

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

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

 

Win-Shift-S 可以截圖

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

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

真的「圖學」的程式,在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();

//Ctrl-S存檔

 

 

 

 

 

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

Google:p5js 找到官網 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)背景設黑色

Translate(200,200); 

課堂作業6

網路找圖存成cute.png

小畫家調圖片大小(400,400)

檔案總管把png 拉近程式