顯示具有 Week13 標籤的文章。 顯示所有文章
顯示具有 Week13 標籤的文章。 顯示所有文章

2018年1月18日 星期四

James的圖學筆記Week13

Part1.AR
Part2.Processing 色彩模式

1.RGB
size(255,255);
colorMode(RGB,255);
for(int x=0;x<255;x++)
{
    for(int y=0;y<255;y++)
    {
      stroke(x,y,255);
      point(x,y);
    }
}
2.HSB
size(255,255);
colorMode(HSB,255);
for(int x=0;x<255;x++)
{
    for(int y=0;y<255;y++)
    {
      stroke(x,y,255);
      point(x,y);
    }
}

part3.多重貼圖

下載roach.zip





於 沒有留言:
標籤： ,

2018年1月17日 星期三

Week13

processing RGB測試



HSB 測試

於 沒有留言:
標籤： ,

2018年1月13日 星期六

計圖筆記WEEk13

AR體驗：
gopro*8
環景照像機
AR眼鏡
微型電腦
Processing 色彩應用
RBG色彩條：size(255,255);


colorMode(RGB,255);
for(int x=0;x<255;x++)
{
    for(int y=0;y<255;y++)
    {
      stroke(x,y,255);
      point(x,y);
    }
}
於 沒有留言:
標籤： ,

Hello World_OpenGL_note_Week13

Week 13

今天先體驗VR，並說明其使用。

其實後續是關於期末作品的研究。
於 沒有留言:
標籤： ,

2018年1月12日 星期五

Claire's Note #13

WEEK13

Topic:

  1. VR體驗
  2. 期末專題點播
  3. 畫面等速變化：timer()計時函式

A. Google首頁小遊戲

STEP 1: 慶祝 Kids Coding 創立 50 週年






B. 色彩系統

STEP 1: RGB模式



STEP 2: HSB模式

C. 多重貼圖

STEP 1: 執行roach



STEP 2: Result




於 沒有留言:
標籤： ,

2018年1月11日 星期四

40147027S-Week13

AR體驗：

  1. gopro*8
  2. 環景照像機
  3. AR眼鏡
  4. 微型電腦
Processing 色彩應用

  1. RBG色彩條：
    size(255,255);
    colorMode(RGB,255);
    for(int x=0;x<255;x++)
    {
        for(int y=0;y<255;y++)
        {
          stroke(x,y,255);
          point(x,y);
        }
    }

  2. HSB色彩條：
    size(255,255);
    colorMode(HSB,255);
    for(int x=0;x<255;x++)
    {
        for(int y=0;y<255;y++)
        {
          stroke(x,y,255);
          point(x,y);
        }
    }
  3. 多重貼圖範例：下載roach.zip
於 沒有留言:
標籤： ,

2018年1月10日 星期三

abcqq week13

week 13

 1.VR體驗:
GoPro 運動攝影機



專業GoPro  可拍攝360度視角(10萬)


Ricoh theta 拍攝360度VR影像


2.色彩系統:

RGB色彩:
程式碼:
size(500,500);
beginShape();
for(int x=0;x<500;x++)
{
  for(int y=0;y<500;y++)
  {
    stroke(x,y,100);
    point(x,y);
  }
}














HSB 色彩系統:(色階 飽和度 亮度)

程式碼:
size(500,500);
colorMode(HSB,500);
for(int x=0;x<500;x++)
{
  for(int y=0;y<500;y++)
  {
    stroke(x,y,100);
    point(x,y);
  }
}

於 沒有留言:
標籤： ,

2017年12月28日 星期四

Hello World_OpenGL_note_Week13

Week 13


主題一: 今天先體驗VR，並說明其使用。

主題二: 介紹蟑螂足球: 即為結合數個圖形的動作，同時呈現在一個畫面中。

             本次使用OpenGL。
       
        步驟一: 加入茶壺至原程式

        步驟二: 使用Timer來控制時速

        步驟三:

主題三: Processing的色彩範例。
於 沒有留言:
標籤： ,

俊凱的week13筆記

1.AR體驗
 cool
2.Processing 色彩
RGB色彩
size(255,255);
colorMode(RGB,255);
for(int x=0;x<255;x++)
{
    for(int y=0;y<255;y++)
    {
      stroke(x,y,255);
      point(x,y);
    }
}
HSB色彩
size(255,255);
colorMode(HSB,255);
for(int x=0;x<255;x++)
{
    for(int y=0;y<255;y++)
    {
      stroke(x,y,255);
      point(x,y);
    }
}
3.執行roach檔
多重貼圖
於 沒有留言:
標籤： ,

2017年12月21日 星期四

Mengting計圖筆記Week13-VR體驗

VR、AR器材體驗

GoPro運動攝影機
OMNI
Ricoh Theta
ASUS Zenfone AR holo

Processeing色彩系統-RGB、HSB

size(255,255);
colorMode(HSB); //S:飽和度
for(int x=0; x<255; x++)
{
    for(int y=0; y<255; y++)
   {
        stroke(x,255,y);//可嘗試調換參數順序
        point(x,y);
   }
}

RGB色彩系統: stroke(R, G, B)



HSV色彩系統: stroke(hue, saturation, brightness)



多重貼圖-Roach蟑螂跑步機

切勿在display()讀圖檔，記憶體會被耗盡，應該要選擇在main()讀就只會讀一次。
時機點在glutMainLoop()之前，glutCreate()之後。

Roach蟑螂跑步機
從moodle下載roach.zip，練習多重貼圖






於 沒有留言:
標籤： ,

[耍廢]WEEK13

主題1：VR 體驗
GoPro 運動攝影機
OMNI 六台GoPro
Ricoh theta 





主題2：色彩系統、multi-Texture ( TextureID )、畫面等速 ( Timer )

 void timer(int t)
    {
        /******code******/ //執行你要定速的程式碼
        glutTimerFunc(100, timer, t+1); //過了100ms後，再呼叫一次Timer副程式
        glutPostRedisplay();
    }

int main(){
      /******code******/
      glutTimerFunc(500, timer, 0); //過了500ms後，呼叫Timer副程式
      /******code******/
    }
如此一來，timer裡的code會隨著設定的時間執行，適合背景物品。
   
於 沒有留言:
標籤： ,

ㄅㄏ的OpenGL_glut_Week_13

1. AR體驗


2.
colorMode(   );

 RGB  =>  紅綠藍

HSB  =>  彩度飽和度亮度


void setup(){
size(255,255);
colorMode(RGB);
}
void draw(){
for(int x=0;x<=255;x++){
  for(int y=0;y<=255;y++){
    stroke(x,mouseX,mouseY);        ///stroke(x,y,255); //色階 飽和度 亮度
    point(x,y);
  }
}
}
光劍暈開的感覺
色彩變化曲線  =>  色彩固定，飽和度中間不飽和，兩側飽和)
於 沒有留言:
標籤： ,

2017年12月19日 星期二

周承翰_計圖學習筆記_Week13

week13主題 ：VR體驗 、圖學色彩系統

VR體驗

GoPro 運動攝影機



OMNI 六台GoPro  可拍攝360度視角


Ricoh theta 拍攝360度VR影像



Asus Zenfone AR Holo 


其他資源：
  • Google project tango
  • Microsoft HoloLens

P語言色彩系統

1. RGB色彩系統(1)



stroke 為色像座標

2. RGB色彩系統(2)

colorMode 選擇 RGB



 3. HSB色彩系統




多張貼圖的作品

【裝opecCV、glut】

防止重複讀圖當掉
在main讀圖檔(不要在display的時候)
在glutCreateWindow()之後、glutMainLoop()之前
只能讀一次




於 沒有留言:
標籤： ,

2017年12月14日 星期四

吳映廷 計算機圖學 week13

色彩系統 RGB
size(255,255);
colorMode(RGB,255);
for(int x=0;x<255;x++)
{
    for(int y=0;y<255;y++)
    {
      stroke(x,y,255);
      point(x,y);
    }

}











色彩系統 HSB
size(255,255);
colorMode(HSB,255);
for(int x=0;x<255;x++)
{
    for(int y=0;y<255;y++)
    {
      stroke(x,y,255);
      point(x,y);
    }

}











執行老師的軌跡程式

於 沒有留言:
標籤： ,

詠銓_Week13_Note

Class: HSB

1.在圖學中，除了RGB的色系之外，還有其他種色系，其中一種叫做HSB的色系。

2.我們這次用processing 中提供的HSB來實作

3.打開processing，輸入以下程式碼
    size(255, 255);
    colorMode(HSB, 255); //使用HSB色系
    for(int x = 0; x<255; x++){
      for(int y = 0; y<255; y++){
        stroke(x, y, 255);
        point(x, y);
      }
    }
 Note:
   HSB的顏色為(Hue, Saturation, Brightness) //色相，飽和度，明度

4.執行結果如下


Class: Timer 控制

1.因為在每台電腦的display函式的執行頻率不一，所以如果要定速來顯示動畫效果，要使用Timer來實作。

2.Timer實作如以下程式碼：
    int main(){
      /******code******/
      glutTimerFunc(500, timer, 0); //過了500ms後，呼叫Timer副程式
      /******code******/
    }
    void timer(int t)
    {
        /******code******/ //執行你要定速的程式碼
        glutTimerFunc(100, timer, t+1); //過了100ms後，再呼叫一次Timer副程式
        glutPostRedisplay();
    }
 Note:
   因為每過一段時間都會呼叫Timer副程式，所以Timer裡面的程式碼就會每過一段時間就會執
   行，而有定速的效果。

3.如此即可定速
於 沒有留言:
標籤： ,

余瑞得 week 13

P語言 RGB HSB
1.如果是RGB
    
2.如果是HSB
    

茶壺軌跡
    
於 沒有留言:
標籤： ,

圖學筆記乄Week13

Week13:


1. VR機器體驗: 老師帶了珍藏的VR給同學們開眼界。

2.kids Coding 創立50年活動
->課堂上的線上休閒
->

3.RGB   //光三原色的比例



  //HSB:色相,飽和度,亮度
for(int x=0;x<255;x++)
{
  for(int y=0;y<255;y++)
  {
       stroke(x,y,255);
       point(x,y);
  }
}
在processing3.3.6中 在coloemode右鍵，參考文檔:




然後在data標籤中找到color 點下去:

















有教學!!!!


於 沒有留言:
標籤： ,

2017年12月8日 星期五

陳映羽的圖學WEEK13

1.
size(255,255);
for(int x=0;x<255;x++){
  for(int y=0;y<255;y++){
    stroke(x,y,255);
    point(x,y);
  }
}
2.colorMode(HSB,255);


於 沒有留言:
標籤： ,

2017年12月7日 星期四

Claire 的課堂作業 week13




計算機圖學 Computer Graphic

  1. 主題：VR 體驗
  2. 主題：期末作品點播
  3. 主題：色彩系統、multi-Texture ( TextureID )、畫面等速 ( Timer )

色彩系統 Color System

1. Let's try Color System by using Processing colorMode()




Multi-Texture ( TextureID )

1. 在moodle上的上課軟體下載 roach.zip，執行該檔案也要記得裝OpenCV哦，所以一起下載

2. 多個貼圖的解法，就是用 GLuint 作為 Texture id


而每個Texture id 都是藉由 myTexture()這個函式所產生 ( 先打包起來 xD )

最後呼叫來使用，在main裡面呼叫myTexture()，給他圖檔並回傳 GLuint，也就是該貼圖相對應的id

這個動作為什麼不能寫在display ?  --> 因為重覆讀檔案只會讓電腦壞掉!

最後貼上貼圖，只要針對圖形貼上向對應的 texture id  就好了



於 沒有留言:
標籤： ,
訂閱： 文章 (Atom)