12750263_week01

課堂作業1 codeblocks 開 OpenGL專案

CodeBlocks: File-New-Project, OpenGL 專案

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

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

Win+shift+S 截圖

在c語言的OpenGL 程式,需要設定 Windows 的視窗, 花很多程式碼

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

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

Q. 今天教的程式碼

A.80-94行

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

檔案總管 下載 找Processing 解壓縮目錄

開啟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

找到後 按左下角 Start Coding 線上寫程式

在 function drow() 裡面, 塞入剛剛程式的 beginShape() – endShape() 那幾行

再按 粉紅色三角形 執行

課堂作業4: 想要讓他轉動

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

把舊的程式, 則到 “ 新的視窗 “ , 然後改寫

加了 兩個函式的形狀

void setup(){

}

void draw(){

}

再加3行程式, float angle = 0; 宣告變數

Rotate(angle); 照角度做旋轉

angle += 0.01; 角度增加

課堂作業5: 讓轉動更清楚

新增background()、修改背景為黑色 translate()、移動的旋轉座標 並更改三個頂點的位置