2023年2月23日 星期四

Cid week02 點線面色彩

Week02 

電腦圖學

Step01 下載moodle的FreeGLUT MinGW壓縮檔案,並解壓縮至桌面,把lib資料夾內的libfreeglut.a檔案複製貼上並重新命名libglut32.a,開啟Code Blocks,開啟新專案,File>Project>選擇GLUT Project>命名專案>選擇桌面的資料夾freeglut>最後執行程式。

Step02 打開程式碼 複製需要的10行程式碼最後執行
#include <GL/glut.h>
void display()
{
    glutSolidTeapot(0.3);
    glutSwapBuffers();
}
int main(int argc, char *argv[])
{
    glutInit(&argc, argv);
    glutInitDisplayMode(GLUT_RGB | GLUT_DOUBLE | GLUT_DEPTH);
    glutCreateWindow("Week03");
    glutDisplayFunc(display);
    glutMainLoop();
}
程式碼
#include <GL/glut.h>
void display()
{
    glColor3f(1,1,0);
    glutSolidTeapot(0.5);
    glColor3f(0,1,0);
    glutSolidTeapot(0.3);
    glutSwapBuffers();
}
int main(int argc, char *argv[])
{
    glutInit(&argc, argv);
    glutInitDisplayMode(GLUT_RGB | GLUT_DOUBLE | GLUT_DEPTH);
    glutCreateWindow("Week02");
    glutDisplayFunc(display);
    glutMainLoop();
}
Step03 開新專案 利用新的程式碼點來畫綠色三角形

程式碼
#include <GL/glut.h>
void display()
{

    glColor3f(0,1,0);
    glBegin(GL_POLYGON);
        glVertex2f(0,1);
        glVertex2f(-1,-1);
        glVertex2f(+1,-1);
    glEnd();
    glColor3f(1,1,0);
    glutSolidTeapot(0.3);
    glutSwapBuffers();
}
int main(int argc, char *argv[])
{
    glutInit(&argc, argv);
    glutInitDisplayMode(GLUT_RGB | GLUT_DOUBLE | GLUT_DEPTH);
    glutCreateWindow("Week02");
    glutDisplayFunc(display);
    glutMainLoop();
}
Step04更改三角形的色彩
程式碼 黃色部分頂點顏色 紅色部分頂點位置
#include <GL/glut.h>
void display()
{
    glBegin(GL_POLYGON);
        glColor3f(1,0,0);glVertex2f(0,1);
        glColor3f(0,1,0);glVertex2f(-1,-1);
        glColor3f(0,0,1);glVertex2f(+1,-1);
    glEnd();
    glColor3f(1,1,0);
    glutSolidTeapot(0.3);
    glutSwapBuffers();
}
int main(int argc, char *argv[])
{
    glutInit(&argc, argv);
    glutInitDisplayMode(GLUT_RGB | GLUT_DOUBLE | GLUT_DEPTH);
    glutCreateWindow("Week02");
    glutDisplayFunc(display);
    glutMainLoop();
}
Step05 利用頂點和小畫家來畫自己想要的圖

程式碼
#include <GL/glut.h>
void display()
{


    glBegin(GL_POLYGON);
        glVertex2f((65-100)/100.0,-(54-100)/100.0);
        glVertex2f((34-100)/100.0,-(138-100)/100.0);
        glVertex2f((59-100)/100.0,-(138-100)/100.0);
        glVertex2f((87-100)/100.0,-(53-100)/100.0);
    glEnd();

    glutSwapBuffers();
}
int main(int argc, char *argv[])
{
    glutInit(&argc, argv);
    glutInitDisplayMode(GLUT_RGB | GLUT_DOUBLE | GLUT_DEPTH);
    glutCreateWindow("Week02");
    glutDisplayFunc(display);
    glutMainLoop();
}
Step06
小畫家也可以幫我們找顏色裡用滴管工具

程式碼 顏色部分
#include <GL/glut.h>
void display()
{
    glColor3f(252/255.0,140/255.0,58/255.0);

    glBegin(GL_POLYGON);
        glVertex2f((65-100)/100.0,-(54-100)/100.0);
        glVertex2f((34-100)/100.0,-(138-100)/100.0);
        glVertex2f((59-100)/100.0,-(138-100)/100.0);
        glVertex2f((87-100)/100.0,-(53-100)/100.0);
    glEnd();

    glutSwapBuffers();
}
int main(int argc, char *argv[])
{
    glutInit(&argc, argv);
    glutInitDisplayMode(GLUT_RGB | GLUT_DOUBLE | GLUT_DEPTH);
    glutCreateWindow("Week02");
    glutDisplayFunc(display);
    glutMainLoop();
}
Step06
畫圓形


新的程式碼   圓心座標位置
#include <GL/glut.h>
#include <math.h>
void myCircle(float r,float x,float y)
{
    glBegin(GL_POLYGON);
    for(float a=0;a<=2*3.141592;a+=0.01){
        glVertex2f(r*cos(a)+x,r*sin(a)+y);
    }
    glEnd();
}
void display()
{
    glColor3f(252/255.0,140/255.0,58/255.0);
    myCircle(0.5,0,0);
    glColor3f(1,1,0);
    myCircle(0.3,0.5,0.5);
    glColor3f(1,0,0);
    myCircle(0.3,-0.5,0.5);
    glColor3f(0,1,0);
    myCircle(0.3,-0.5,-0.5);
    glColor3f(0,0,1);
    myCircle(0.3,0.5,-0.5);
    glutSwapBuffers();
}
int main(int argc, char *argv[])
{
    glutInit(&argc, argv);
    glutInitDisplayMode(GLUT_RGB | GLUT_DOUBLE | GLUT_DEPTH);
    glutCreateWindow("Week02");
    glutDisplayFunc(display);
    glutMainLoop();
}





沒有留言:

張貼留言