小白学opengl 第五课



  • 第五课:向三维进军

    3个点组成一个三角形面,如果要画个三菱锥,需要4个面
    前面,左侧面,右侧面,底面

    0_1526451644037_QQ截图20180516141822.png

    点1显示红色,点2显示绿色,点3显示蓝色,点4显示白色

    正面

    0_1526451986893_c0671883-a392-4976-a653-09167d977756-image.png

    左侧面

    0_1526452038062_92b1cf7e-e70a-4e61-9255-0bf64b015821-image.png

    右侧面

    0_1526452066879_0d1b62f6-6e36-4973-9262-8c0ab017abdd-image.png

    底面

    0_1526452109966_e1aca3e3-c977-415b-a1e6-52e7c26d7203-image.png

    顶点数组

    //顶点坐标
        GLfloat vertices[] = {
            0.5f, 0.0f, 0.5f,      //3
            0.0f, 0.0f, -0.5f,     //4
            -0.5f, 0.0f, 0.5f,     //2
    
            0.0f, 0.5f, 0.0f,      //1
            -0.5f, 0.0f, 0.5f,     //2
            0.5f, 0.0f, 0.5f,      //3
    
            0.0f, 0.5f, 0.0f,      //1
            0.5f, 0.0f, 0.5f,      //3
            0.0f,0.0f, -0.5f,      //4
    
            0.0f, 0.5f, 0.0f,      //1
            0.0f, 0.0f, -0.5f,     //4
            -0.5f, 0.0f, 0.5f,     //2
    
        };
    

    颜色数组

    //颜色值
        GLfloat colors[] = {
            0.0f, 0.0f, 1.0f,   //3 蓝
            1.0f, 1.0f, 1.0f,   //4 白
            0.0f, 1.0f, 0.0f,   //2 绿
    
            1.0f, 0.0f, 0.0f,   //1 红
            0.0f, 1.0f, 0.0f,   //2 绿
            0.0f, 0.0f, 1.0f,   //3 蓝
    
            1.0f, 0.0f, 0.0f,   //1 红
            0.0f, 0.0f, 1.0f,   //3 蓝
            1.0f, 1.0f, 1.0f,   //4 白
    
            1.0f, 0.0f, 0.0f,   //1 红
            1.0f, 1.0f, 1.0f,   //4 白
            0.0f, 1.0f, 0.0f,   //2 绿
    
        };
    

    绘制12个点

    //绘制三角形
        glDrawArrays(GL_TRIANGLES, 0, 12);
    

    效果

    0_1526451820203_20180516_141836.gif

    立方体

    0_1526459951741_b44cc1f3-1cfb-4159-84ec-7621a7ce6414-image.png

    效果

    0_1526460098079_20180516_164024.gif



  • @青山白云 草图画得真不错,阐释了三维图形的坐标变换。



  • @jiangcaiyang 我用ps画的☂



  • @青山白云 还能这么玩


Log in to reply
 

走马观花

最近的回复

  • G

    北京名律免费法律咨询,解决您的法律困扰,如果您眼下没有遇到法律上的问题,也可以留一位大律师的联系方式以备不时之需!ccfd91efc3a6b2ed0e79054d2248eed.jpg bf6015b383483f1fe83cdcfd130fc6b.jpg 2f347879129add1096bf3424edbe517.jpg

    read more
  • G

    北京名律免费法律咨询,解决您的法律困扰,如果您眼下没有遇到法律上的问题,也可以留一位大律师的联系方式以备不时之需!微信图片_20200210141336.png 微信图片_20200210141333.png 微信图片_20200210141329.png

    read more
  • G

    北京名律免费法律咨询,解决您的法律困扰,如果您眼下没有遇到法律上的问题,也可以留一位大律师的联系方式以备不时之需!

    read more

关注我们

微博
QQ群