week01-12750290

 課堂作業1 Codeblocks開OpenGL專案

Codeblock:File-New-Project,OpenGL專案

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

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

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

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

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

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

 

A:80-94行

課堂作業2:用JAVA的OPENGL使用PROCESSING來

學校電腦的WIN+E開啟檔案總管，下載有PROCESSING解壓縮的目錄

開啟PROCESSING

file-Prefreence設定把字形放大

利用c的OPENGL核心的那幾行的例子，寫出我們的程式

//week01_2_Java_OpenGL_Processing

size(400,400,P3D);

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

左下角START CODE 線上寫程式

https://editor.p5js.org/

在FUNCTION DRAW() 裡面，塞入剛剛程式

再按三角形執行

課堂作業4:想要讓它旋轉

再藍色的PROCESSING 開啟新的程式

把舊的程式貼到新的檔案然後改寫

//week01_4_Java_setup_draw_rotate

void setup(){

  size(400,400,P3D);

}

float angle=0;

void draw(){

  rotate(angle);

  angle += 0.01; 

  beginShape(TRIANGLES);

  fill(255,0,0); vertex(0,200);

  fill(0,255,0); vertex(400,0);

  fill(0,0,255); vertex(400,400);

  endShape();

}

加了viod setup(){

}

void draw(){

}

在加3行程式 分別是float angle=0; 宣告變數

rotate(angle); 照角度旋轉

angle+=0.01; 角度增加

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

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

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

//week01_5_Java_background_setup_draw_rotate

void setup(){

  size(400,400,P3D);

}

float angle=0;

void draw(){

  background(0);

  translate(200,200);

  rotate(angle);

  angle += 0.01; 

  beginShape(TRIANGLES);

  fill(255,0,0); vertex(0,100*2);

  fill(0,255,0); vertex(87*2,-50*2);

  fill(0,0,255); vertex(-87*2,-50*2);

  endShape();

}

課堂作業6