12750300 week01

 課堂作業一 CodeBlooks開OpenGL專案

CodeBlooks:File-New-Project,OpenGL專案

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

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

win+shift+s可以截圖

在C語言的OpenGL程式，需要設定Windows的視窗，花很多行程式碼裡面設定WindowProc函式去處理你的視窗的互動

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

Q:我們要學甚麼呢?

A:80~94行

課堂作業二 用JAVA的OpenGL使用Processing來開發

學校電腦的win+e開檔案總管，下載有Processing解壓的目錄

開啟Processing(藍色)

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

利用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(); //Ctrl+s存檔

課堂作業三 在網頁試著把程式寫出來。從作業二出發

Google:p5js

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

左下角start Coding線上寫程式

https://editor.p5js.org/

在function draw()裡面，塞入剛剛的beginShape()...endShape()那幾行

再按粉紅色三角形執行

課堂作業四 想要他轉動

在藍色的Processing Ctrl+n開新的程式

把舊的程式貼到新的視窗然後改寫

加了兩個函式的形狀

void setup(){

}

void draw(){

}

再加3行程式，分別是

float angle =0;宣告變數

rotate(angle);照角度做旋轉

angle +=0.01;角度增加

最後再把vetrex()座標改一下位置

課堂作業五 讓轉動更清楚

把剛剛的座標換成正中心 有正、負的座標系統

在前面加上background(0); 背景清掉，才能正確畫新的內容

加上translate(200,200); 把東西往200,200移動

課堂作業六 先用小畫家，做出400X400的cute.png

再從檔案總管把"cute.png"拉進程式