2023年2月22日 星期三

Fish的電腦圖學課 Week02-點、線、面、色彩

Week02-1_親手打造GLUT程式

     step1.  使用CodeBlocks12.17開啟新專案



    step2. 選擇GLUT project


    step3. 檔案名稱為 week02-1_GLUT _first,位置為電腦桌面

    

    step4. 開啟資料夾→桌面→freeglut→lib→複製libfreeglut.a檔案→將複製檔名改為libglut32.a


    step5. 選擇freeglut資料夾


    step6. 點選執行


    step7.將原程式碼的下列幾行複製到新的記事本

    step8.將原程式碼全部刪除,將記事本的程式碼複製到原程式碼,並加入剩餘程式碼


    step9.執行後將會顯示大小為0.3的白色茶壺


Week02-2_更改顏色
    
    step1. 接續Week02-1 加入glColor3f(1,1,0);,茶壺更改為黃色


    step2. 再加入 glColor3f(0,1,0);         ,新增一個大小為0.5的綠色茶壺
                           glutSolidTeapot(0.5); 


Week02-3_新增頂點Vertex
    
      step1. 延續week02-2註解glutSolidTeapot(0.5);,刪除綠茶壺,並加入以下程式碼,畫出三角
                    glBegin(GL_POLYGON);///開始畫多邊形
                        glVertex2f(0,1);///頂點Vertex
                        glVertex2f(-1,-1);///頂點Vertex
                        glVertex2f(1,-1);///頂點Vertex
                    glEnd();///結束畫

  
    step2. 加入以下程式碼,加入頂點顏色,形成漸層
                glColor3f(1,0,0); glVertex2f(0,1);///紅色頂點Vertex
                glColor3f(0,1,0); glVertex2f(-1,-1);///綠色頂點Vertex
                glColor3f(0,0,1); glVertex2f(1,-1);///藍色頂點Vertex
    
        


Week02-4_使用頂點畫圖
    
    step1. 選一張圖匯入小畫家,將畫布改成200*200
     
    step2. 使用滴管吸取顏色確認顏色rgb 在程式中作色彩換算(色彩數值/255.0)

    step3. 確認頂點,在程式中換算位值((x-一半)/一半,-(y-一半)/一半)



Week02-5_畫出一個圓

    step1. 加入一段函數畫圓
                void myCircle(float r,float x,float y)
                {
                    glBegin(GL_POLYGON);
                    for(float a=0;a<2*3.141592653589793238462632383279;a+=0.01)
                    {
                            glVertex2f(r*cos(a)+x,r*sin(a)+y);
                    }
                    glEnd();
                 }

    step2. 加入圓形大小與位置
            glColor3f(1,0,1); myCircle(0.6,0,0);
            glColor3f(1,0,0); myCircle(0.3,0.5,0.5);
            glColor3f(0,1,0); myCircle(0.3,-0.5,0.5);
            glColor3f(1,1,0); myCircle(0.3,-0.5,-0.5);
            glColor3f(0,0,1); myCircle(0.3,0.5,-0.5);





沒有留言:

張貼留言