12750094_week01

 

課堂作業1 CodeBlocks 開 OpenGL 專案

 

CodeBlocks:File-New-project,OpenGL專案

先第2行挑選桌面當目錄

再回第1行設定專案名稱

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

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

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

Q:我們要學的程式碼是甚麼?

A:80~94行

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

檔案-偏好設定條字型大小

利用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:p5js

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

左下角startcoding開始寫程式

在function draw()中貼上課堂作業2的程式後執行

課堂作業4:想要他轉動

在processing中 ctrl+n開啟新程式

把舊程式貼到新視窗裡

加了viod setup(){

}

void draw()(

}

加了三行程式 

float angles=0; 宣告變數

rotate(angles);照角度旋轉

angles+=0.01;角度增加

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

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

加上background(0); 背景設為黑色

translate(200,200);把旋轉的三角形從左下角移到正中

課堂作業6: