三角形绘制规则

简介: 三角形绘制规则

draw 类型

网络异常,图片无法展示
|

三角形绘制规则

如果当前顶点是偶数:

组成三角形的顶点排列顺序:T = [n-2 n-1 n].

第一个三角形,顶点v2序号是2,是偶数,则顶点排列顺序是v0,v1,v2。

如果当前顶点是奇数:

组成三角形的顶点排列顺序:T = [n-1 n-2 n].

第二个三角形,顶点v3序号是3,是奇数,则顶点排列顺序是v2,v1,v3

网络异常,图片无法展示
|

为什么是这样子的呢?默认情况下,投影到屏幕后顶点顺序为逆时针的面为正面。

纹理坐标

网络异常,图片无法展示
|

float vertices[] = { 
    // ---- 位置 ---- ---- 颜色 ------------  -- 纹理坐标 
    -0.5f,  0.5f,   0.0f, 1.0f, 0.0f, 0.0f,   1.0f, 1.0f, // 右上
     0.5f, -0.5f,   0.0f, 0.0f, 1.0f, 0.0f,   1.0f, 0.0f, // 右下 
    -0.5f, -0.5f,   0.0f, 0.0f, 0.0f, 1.0f,   0.0f, 0.0f, // 左下 
    -0.5f,  0.5f,   0.0f, 1.0f, 1.0f, 0.0f,   0.0f, 1.0f // 左上 
};
复制代码

网络异常,图片无法展示
|

例子:

float vertices[] = {
    //-- 位置 ----     -- 纹理坐标--
    400, 400, 0.0f,    1.0f, 1.0f,   // 右上
    400, 0,   0.0f,    1.0f, 0.0f,   // 右下
    0,   0,   0.0f,    0.0f, 0.0f,   // 左下
    0 ,  400, 0.0f,    0.0f, 1.0f    // 左上
};
unsigned int indices[] = { // 注意索引从0开始! 
    0, 1, 3, // 第一个三角形
    1, 2 ,3, // 第二个三角形
};
复制代码

网络异常,图片无法展示
|



目录
相关文章
|
19天前
创建三角形图案
【10月更文挑战第24天】创建三角形图案。
14 3
|
3月前
|
算法
平面中判断点在三角形内算法(同向法)
平面中判断点在三角形内算法(同向法)
26 0
|
6月前
|
移动开发 前端开发 JavaScript
html5 Canvas 绘制基本图形 从直线图形到使用路径 - 直线、矩形、路径、多边形、复杂组合图形
html5 Canvas 绘制基本图形 从直线图形到使用路径 - 直线、矩形、路径、多边形、复杂组合图形
207 0
html5 Canvas 绘制基本图形 从直线图形到使用路径 - 直线、矩形、路径、多边形、复杂组合图形
|
6月前
|
算法
矩形总面积计算器:计算两个矩形的总面积,包括重叠区域
矩形总面积计算器:计算两个矩形的总面积,包括重叠区域
138 1
|
6月前
|
监控 API 计算机视觉
OpenCV这么简单为啥不学——1.4、基础标识绘制(绘制线line函数、rectangle函数绘制四边形、circle函数绘制圆形、putText函数绘制文字、putText绘制中文文字)
OpenCV这么简单为啥不学——1.4、基础标识绘制(绘制线line函数、rectangle函数绘制四边形、circle函数绘制圆形、putText函数绘制文字、putText绘制中文文字)
65 0
【OpenGL】十二、OpenGL 绘制线段 ( 绘制单条线段 | 绘制多条线段 | 依次连接的点组成的线 | 绘制圈 | 绘制彩色的线 )(一)
【OpenGL】十二、OpenGL 绘制线段 ( 绘制单条线段 | 绘制多条线段 | 依次连接的点组成的线 | 绘制圈 | 绘制彩色的线 )(一)
277 0
【OpenGL】十二、OpenGL 绘制线段 ( 绘制单条线段 | 绘制多条线段 | 依次连接的点组成的线 | 绘制圈 | 绘制彩色的线 )(一)
|
JavaScript
echarts\pyecharts 实现:两条折线,重叠部分为实线,未重叠部分为虚线
echarts\pyecharts 实现:两条折线,重叠部分为实线,未重叠部分为虚线
echarts\pyecharts 实现:两条折线,重叠部分为实线,未重叠部分为虚线
140.递归法绘制三角形图案
140.递归法绘制三角形图案
82 0
|
计算机视觉
Qt实用技巧:图形视图框架中图元将矩形边界改为不规则边界(用于选取和碰撞)
Qt实用技巧:图形视图框架中图元将矩形边界改为不规则边界(用于选取和碰撞)
Qt实用技巧:图形视图框架中图元将矩形边界改为不规则边界(用于选取和碰撞)
【OpenGL】十二、OpenGL 绘制线段 ( 绘制单条线段 | 绘制多条线段 | 依次连接的点组成的线 | 绘制圈 | 绘制彩色的线 )(二)
【OpenGL】十二、OpenGL 绘制线段 ( 绘制单条线段 | 绘制多条线段 | 依次连接的点组成的线 | 绘制圈 | 绘制彩色的线 )(二)
312 0
【OpenGL】十二、OpenGL 绘制线段 ( 绘制单条线段 | 绘制多条线段 | 依次连接的点组成的线 | 绘制圈 | 绘制彩色的线 )(二)