图形API学习工程(8):使用顶点索引缓冲

2024-09-06 23:32

本文主要是介绍图形API学习工程(8):使用顶点索引缓冲,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

工程GIT地址:https://gitee.com/yaksue/yaksue-graphics

目标

在《图形API学习工程(5):图形管线&顶点缓冲》中,实现了渲染出一个三角形。

他有三个顶点。但是考虑图形变得复杂些的情况,就假如是一个四边形吧,那就需要分解为两个三角形来渲染了,而每个三角形需要三个顶点,也就是说,共需要6个顶点数据。
在这里插入图片描述
然而,如上图所示,实际上顶点是有重复的:03重复;24重复。

这时候,使用索引缓冲就可以节省顶点数据。

本篇的目标是渲染一个四边形,并使用索引缓冲来降低顶点数据的数量。


按理说,本篇应该安排在《图形API学习工程(5):图形管线&顶点缓冲》之后,因为它和(5)的关系比较密切,而又不需要(6)和(7)中的内容。但是我当时忘记了它,现在发现后续内容正需要它,才想起来做。。。

我的顶点索引缓冲数据

我的顶点数据将只有4个顶点。
而索引中将指定两个三角形:0,1,20,2,3。(注意顶点次序都为顺时针)
在这里插入图片描述

//作为测试的顶点缓冲数据:
std::vector<RawVertexData> vertices = {{{0.5f, 0.5f, 0.0f},	/*右上*/	{1.0f,1.0f,0.0f,1.0f}},	//黄色{{0.5f, -0.5f, 0.0f},	/*右下*/	{0.0f,1.0f,1.0f,1.0f}},	//青色{{-0.5f, -0.5f, 0.0f},	/*左下*/	{1.0f,0.0f,1.0f,1.0f}},	//紫色{{-0.5f, 0.5f, 0.0f},	/*左上*/	{1.0f,1.0f,1.0f,1.0f}},	//白色
};
//作为测试的索引数据
std::vector<unsigned int> indices = {0,1,2,	//右下三角0,2,3,	//左上三角
};

创建索引缓冲

索引缓冲的创建和《图形API学习工程(5):图形管线&顶点缓冲》中顶点缓冲的创建类似,因此代码上有很多相似之处。这里主要比较下不同。

OpenGL

在绑定和设置缓冲数据时,target的参数不同:

顶点缓冲对应于GL_ARRAY_BUFFER
索引缓冲对应于GL_ELEMENT_ARRAY_BUFFER

D3D11

缓冲描述的BindFlags不同:

顶点缓冲对应于D3D11_BIND_VERTEX_BUFFER
索引缓冲对应于D3D11_BIND_INDEX_BUFFER

D3D12

创建的View不同:

顶点缓冲对应于:

typedef struct D3D12_VERTEX_BUFFER_VIEW{D3D12_GPU_VIRTUAL_ADDRESS BufferLocation;UINT SizeInBytes;UINT StrideInBytes;} 	D3D12_VERTEX_BUFFER_VIEW;

索引缓冲对应于:

typedef struct D3D12_INDEX_BUFFER_VIEW{D3D12_GPU_VIRTUAL_ADDRESS BufferLocation;UINT SizeInBytes;DXGI_FORMAT Format;} 	D3D12_INDEX_BUFFER_VIEW;
Vulkan

创建缓冲的VkBufferUsageFlags不同:

顶点缓冲对应于VK_BUFFER_USAGE_VERTEX_BUFFER_BIT
索引缓冲对应于VK_BUFFER_USAGE_INDEX_BUFFER_BIT

使用 DrawIndexed 作为DrawCall

将之前的DrawCall换为Indexed版:

void OpenGLInterface::DrawIndexed(int IndexCount, int StartIndexLocation, int BaseVertexLocation)
{glDrawElements(GL_TRIANGLES, IndexCount, GL_UNSIGNED_INT, 0);
}
void D3D11Interface::DrawIndexed(int IndexCount, int StartIndexLocation, int BaseVertexLocation)
{ImmediateContext->DrawIndexed(IndexCount, StartIndexLocation, BaseVertexLocation);
}
void D3D12Interface::CmdDrawIndexedInstanced(unsigned int IndexCountPerInstance,unsigned int InstanceCount,unsigned int StartIndexLocation,int BaseVertexLocation,unsigned int StartInstanceLocation)
{CommandList->DrawIndexedInstanced(IndexCountPerInstance, InstanceCount, StartIndexLocation, BaseVertexLocation, StartInstanceLocation);
}
void VulkanInterface::CmdDrawIndexedInstanced(unsigned int IndexCountPerInstance,unsigned int InstanceCount,unsigned int StartIndexLocation,int BaseVertexLocation,unsigned int StartInstanceLocation)
{vkCmdDrawIndexed(CommandBuffers[CurrentCommandListIndex], IndexCountPerInstance, InstanceCount, StartIndexLocation, BaseVertexLocation, StartInstanceLocation);
}

注意,这里Vulkan和D3D12使用的是Instance版的API,这是因为他们没有相对普通版的。
这里是一个之前没提及到的,关于DrawCall的一个新旧图形API的区别:

OpenGL和D3D11,有普通的DrawCall和Instance版的:
在这里插入图片描述
在这里插入图片描述
但是对于Vulkan和D3D12,只有Instance版:
(Vulkan这里的API虽然没有“Instance”字样在函数名字中,但是看参数可以知道确实是Instance版)
在这里插入图片描述

在这里插入图片描述

效果

在这里插入图片描述

这篇关于图形API学习工程(8):使用顶点索引缓冲的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/1143420

相关文章

JavaScript中的reduce方法执行过程、使用场景及进阶用法

《JavaScript中的reduce方法执行过程、使用场景及进阶用法》:本文主要介绍JavaScript中的reduce方法执行过程、使用场景及进阶用法的相关资料,reduce是JavaScri... 目录1. 什么是reduce2. reduce语法2.1 语法2.2 参数说明3. reduce执行过程

如何使用Java实现请求deepseek

《如何使用Java实现请求deepseek》这篇文章主要为大家详细介绍了如何使用Java实现请求deepseek功能,文中的示例代码讲解详细,感兴趣的小伙伴可以跟随小编一起学习一下... 目录1.deepseek的api创建2.Java实现请求deepseek2.1 pom文件2.2 json转化文件2.2

Java调用DeepSeek API的最佳实践及详细代码示例

《Java调用DeepSeekAPI的最佳实践及详细代码示例》:本文主要介绍如何使用Java调用DeepSeekAPI,包括获取API密钥、添加HTTP客户端依赖、创建HTTP请求、处理响应、... 目录1. 获取API密钥2. 添加HTTP客户端依赖3. 创建HTTP请求4. 处理响应5. 错误处理6.

python使用fastapi实现多语言国际化的操作指南

《python使用fastapi实现多语言国际化的操作指南》本文介绍了使用Python和FastAPI实现多语言国际化的操作指南,包括多语言架构技术栈、翻译管理、前端本地化、语言切换机制以及常见陷阱和... 目录多语言国际化实现指南项目多语言架构技术栈目录结构翻译工作流1. 翻译数据存储2. 翻译生成脚本

C++ Primer 多维数组的使用

《C++Primer多维数组的使用》本文主要介绍了多维数组在C++语言中的定义、初始化、下标引用以及使用范围for语句处理多维数组的方法,具有一定的参考价值,感兴趣的可以了解一下... 目录多维数组多维数组的初始化多维数组的下标引用使用范围for语句处理多维数组指针和多维数组多维数组严格来说,C++语言没

在 Spring Boot 中使用 @Autowired和 @Bean注解的示例详解

《在SpringBoot中使用@Autowired和@Bean注解的示例详解》本文通过一个示例演示了如何在SpringBoot中使用@Autowired和@Bean注解进行依赖注入和Bean... 目录在 Spring Boot 中使用 @Autowired 和 @Bean 注解示例背景1. 定义 Stud

使用 sql-research-assistant进行 SQL 数据库研究的实战指南(代码实现演示)

《使用sql-research-assistant进行SQL数据库研究的实战指南(代码实现演示)》本文介绍了sql-research-assistant工具,该工具基于LangChain框架,集... 目录技术背景介绍核心原理解析代码实现演示安装和配置项目集成LangSmith 配置(可选)启动服务应用场景

使用Python快速实现链接转word文档

《使用Python快速实现链接转word文档》这篇文章主要为大家详细介绍了如何使用Python快速实现链接转word文档功能,文中的示例代码讲解详细,感兴趣的小伙伴可以跟随小编一起学习一下... 演示代码展示from newspaper import Articlefrom docx import

oracle DBMS_SQL.PARSE的使用方法和示例

《oracleDBMS_SQL.PARSE的使用方法和示例》DBMS_SQL是Oracle数据库中的一个强大包,用于动态构建和执行SQL语句,DBMS_SQL.PARSE过程解析SQL语句或PL/S... 目录语法示例注意事项DBMS_SQL 是 oracle 数据库中的一个强大包,它允许动态地构建和执行

SpringBoot中使用 ThreadLocal 进行多线程上下文管理及注意事项小结

《SpringBoot中使用ThreadLocal进行多线程上下文管理及注意事项小结》本文详细介绍了ThreadLocal的原理、使用场景和示例代码,并在SpringBoot中使用ThreadLo... 目录前言技术积累1.什么是 ThreadLocal2. ThreadLocal 的原理2.1 线程隔离2