week01-12750724

 

課堂作業1

CodeBlocks 開 OpenGL 專案

CodeBlocks:File-New-Project 專案

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

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

 

 

 

//截圖Win+shift+s / alt+print

在C語言的 OpenGL 城市，需要設定 Windows 的視窗，花很多行程式碼

裡面設定WindowProc 含式，去處理你的視窗的互動

真的「圖學」的含式，在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);//設定好全部的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 存檔

課堂作業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)  把旋轉的三角形，從左上角移到正中心