11160383-HSY-week01

開啟步驟：
1. 選擇Open GL project.

2.設定

設定程式儲存位置並命名。

-----------------------------------------------------------------------------------------------------------

作業一

C語言中的OpenGL 程式，需要設定Windjow的視窗，花很多程式碼。

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

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

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

A: 80-94行

--------------------------------------------------------------------------------------------------------

作業二

用JAVA的OpenGL 使用Processing 來開發

學校電腦都有安裝好

開啟後記得從偏好設動調整字體大小

利用C 的 OpenGL 核心的那幾行例子寫出程式。

程式：

//week01_2

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();

---------------------------------------------------------------------------------------------------

作業三

在網頁上寫出程式

Google: p5js

官網左下角開始寫程式

在function draw()裏頭放入剛才的程式碼

再按粉色三角形執行

------------------------------------------------------------------------------------------

作業四

在Processnig開新的程式

加入新的函式

void setup(){

  

}

void draw(){

}

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

rotate(angle); 照角度做旋轉

angle += 0.01: 角度增加

最後再把vertex()座標做一下修改

--------------------------------------------------------------------------------------------

作業五

讓轉動更清楚

把剛剛的座標，換成"正中心"

//week01-4

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();

}

-----------------------------------------------------------------------------------------------

作業六

導入圖片

*注意 圖片大小也有影響*

//week01-6

PImage img = loadImage("cute.png");

size(400,400);

background(img);

---------------------------------------------------------------------------------------

上傳