12753062-week01

 

課堂作業1 CodeBlocks 開OpenGL 專案

 

CodeBlocks:File-New-Project, OpenGL

桌面  檔名:week01-1_OpenGL

 

在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);
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 : p5.js

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

左下角start coding 線上寫程式

https://editor.p5js.org/

在 function draw[] 裡面, 塞入剛剛程式的 beginShape[]…endShape[] 那幾行

再按 粉紅色三角形 執行

 

 

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

再藍色的 processing Ctrl-N 開新的程式

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

加了兩個函式的形狀

Void setup(){

 

}

Void draw(){

 

}

再加三行程式, 分別是 float angle = 0; 宣告變數

Rotate{angle}; 照角度做旋轉

angle += 0.01;角度增加

 

最後再把 vertex{}座標改一下位置

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

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

在前面,加上 background(0)    背景清掉

課堂作業6

把圖片放到小畫家調整大小為400*400

拖移至藍色程式