DirectX11之简单三角形之美

最新推荐文章于 2022-04-13 23:23:21 发布
最新推荐文章于 2022-04-13 23:23:21 发布
阅读量539 收藏 1
点赞数 1
分类专栏： DirectX11
版权声明：本文为【黑客不黑】原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_44350205/article/details/103285070
版权

1、创建一个Win32项目（现在叫Windows桌面向导），命名为“D3DTriangle”。

2、创建一个h文件，命名为“d3dUtility.h”。在创建两个cpp文件，分别命名为“d3dTriangle.cpp”和“d3dUtility.cpp”。

3、创建hlsl文件

右键项目新建筛选器，在筛选器里面新建“HLSL”文件，如果没有看见这个选项随便选择一个文件类型创建，只要在后面加上.hlsl后缀。然后把hlsl文件设置为不参与生成。

4、复制第一个案例的d3dUtility.cpp和d3dUtility.h到本项目。

5、编写创建的Triangle.hlsl文件

float4 VSMain(float4 Pos:POSITION) : SV_POSITION
{
	return Pos;
}

float4 PSMain(float4 Pos:POSITION):SV_TARGET
{
	return float4(0.0f,1.0f,0.0f,1.0f);
}

6、编写d3dTriangle.cpp源文件

#include"d3dUtility.h"

ID3D11Device* device=NULL;
IDXGISwapChain* swapChain=NULL;
ID3D11DeviceContext* immediateContext=NULL;
ID3D11RenderTargetView* renderTargetView=NULL;

ID3D11VertexShader* vertexShader;
ID3D11PixelShader* pixelShader;

struct Vertex
{
	XMFLOAT3 Pos;
};

bool Setup()
{
	DWORD dwShaderFlag=D3DCOMPILE_ENABLE_STRICTNESS;
	ID3DBlob* pVSBlob=NULL;
	if(FAILED(D3DX11CompileFromFile(
		L"Triangle.hlsl",
		NULL,
		NULL,
		"VSMain",
		"vs_5_0",
		dwShaderFlag,
		0,
		NULL,
		&pVSBlob,
		NULL,
		NULL)))
	{
		MessageBox(NULL,L"Fail to compile vertex shader",L"ERROR",MB_OK);
		return S_FALSE;
	}
	
	device->CreateVertexShader(
		pVSBlob->GetBufferPointer(),
		pVSBlob->GetBufferSize(),
		NULL,
		&vertexShader);
	ID3DBlob* pPSBlob=NULL;

	if(FAILED(D3DX11CompileFromFile(
		L"Triangle.hlsl",
		NULL,
		NULL,
		"PSMain",
		"ps_5_0",
		dwShaderFlag,
		0,
		NULL,
		&pPSBlob,
		NULL,
		NULL)))
	{
		MessageBox(NULL,L"Fail to compile pixel shader",L"ERROR",MB_OK);
		return S_FALSE;
	}
	device->CreatePixelShader(
		pPSBlob->GetBufferPointer(),
		pPSBlob->GetBufferSize(),
		NULL,
		&pixelShader);

	D3D11_INPUT_ELEMENT_DESC layout[]=
	{
		{"POSITION",
		0,
		DXGI_FORMAT_R32G32B32_FLOAT,
		0,
		0,
		D3D11_INPUT_PER_VERTEX_DATA,
		0}
	};
	UINT numElements=ARRAYSIZE(layout);

	ID3D11InputLayout* pVertexLayout;
	device->CreateInputLayout(
		layout,
		numElements,
		pVSBlob->GetBufferPointer(),
		pVSBlob->GetBufferSize(),
		&pVertexLayout);
	immediateContext->IASetInputLayout(pVertexLayout);

	Vertex vertices[]=
	{
		//XMFLOAT3(0.0f,0.5f,0.0f),	
		//XMFLOAT3(0.5f,0.0f,0.0f),
		//XMFLOAT3(-0.5f,0.0f,0.0f),
		XMFLOAT3(0.5f,0.0f,0.0f),	
		XMFLOAT3(0.0f,-0.5f,0.0f),
		XMFLOAT3(-0.5f,0.0f,0.0f),
	};

	D3D11_BUFFER_DESC bd;
	ZeroMemory(&bd,sizeof(bd));
	bd.ByteWidth=sizeof(Vertex)*3;//顶点个数

	bd.BindFlags=D3D11_BIND_VERTEX_BUFFER;
	bd.CPUAccessFlags=0;
	bd.MiscFlags=0;

	D3D11_SUBRESOURCE_DATA InitData;
	ZeroMemory(&InitData,sizeof(InitData));
	InitData.pSysMem=vertices;

	ID3D11Buffer* vertexBuffer;
	device->CreateBuffer(&bd,&InitData,&vertexBuffer);
	UINT stride=sizeof(Vertex);
	UINT offset=0;

	immediateContext->IASetVertexBuffers(
		0,
		1,
		&vertexBuffer,
		&stride,
		&offset);
	immediateContext->IASetPrimitiveTopology(
		D3D11_PRIMITIVE_TOPOLOGY_TRIANGLELIST);
	
}

void Cleanup()
{
	if(renderTargetView) renderTargetView->Release();
	if(immediateContext) immediateContext->Release();
	if(swapChain) swapChain->Release();
	if(device) device->Release();
	if(vertexShader)vertexShader->Release();
	if(pixelShader)pixelShader->Release();
}
bool Display(float timeDelta)
{
	if(device)
	{
		float ClearColor[4]={0.0f,0.125f,0.3f,1.0f};
		immediateContext->ClearRenderTargetView(renderTargetView,ClearColor);

		immediateContext->VSSetShader(vertexShader,NULL,0);
		immediateContext->PSSetShader(pixelShader,NULL,0);
		immediateContext->Draw(3,0);//改变绘制的顶点个数

		swapChain->Present(0,0);
	}
	return true;
}

LRESULT CALLBACK d3d::WndProc(HWND hwnd,UINT msg,WPARAM wParam,LPARAM lParam)
{
	switch(msg)
	{
	case WM_DESTROY:
		::PostQuitMessage(0);
		break;
	case WM_KEYDOWN:
		if(wParam==VK_ESCAPE)
		::DestroyWindow(hwnd);
		break;
	}
	return ::DefWindowProc(hwnd,msg,wParam,lParam);
}

int WINAPI WinMain(HINSTANCE hinstance,
	HINSTANCE prevInstance,
	PSTR cmdLine,
	int showCmd)
{
	if(!d3d::InitD3D(hinstance,
		800,600,
		&renderTargetView,
		&immediateContext,
		&swapChain,
		&device))
	{
		::MessageBox(0,L"InitD3D()-FAILED",0,0);
		return 0;
	}
	if(!Setup())
	{
		::MessageBox(0,L"Setup()-FAILED",0,0);
		return 0;
	}
	d3d::EnterMsgLoop(Display);
	Cleanup();
	return 0;
}

7、编译运行程序，结果如下：

如果要更改颜色可以更改如下图代码：

如果要更改三角形为正三角形可以更改如下位置：

注释部分为正三角形

如下图效果：

注意：在绘制三角形的时候，D3D会默认顶点绕序为顺时针的三角形为正面，而顶点绕序为逆时针的三角形为背面。而默认情况下背面是不能显示的。

修改代码还可以实现一个可以移动和缩放的菱形，代码如下

#include"d3dUtility.h"

ID3D11Device* device=NULL;
IDXGISwapChain* swapChain=NULL;
ID3D11DeviceContext* immediateContext=NULL;
ID3D11RenderTargetView* renderTargetView=NULL;

ID3D11VertexShader* vertexShader;
ID3D11PixelShader* pixelShader;

float x = 0;
float y = 0;
float x2 = 0;
float y2 = 0;
float x3 = 0;
float y3 = 0;
float x4 = 0;
float y4 = 0;
float x5 = 0;
float y5 = 0;
float x6 = 0;
float y6 = 0;

struct Vertex
{
	XMFLOAT3 Pos;
};

bool Setup()
{
	DWORD dwShaderFlag=D3DCOMPILE_ENABLE_STRICTNESS;
	ID3DBlob* pVSBlob=NULL;
	if(FAILED(D3DX11CompileFromFile(
		L"Triangle.hlsl",
		NULL,
		NULL,
		"VSMain",
		"vs_5_0",
		dwShaderFlag,
		0,
		NULL,
		&pVSBlob,
		NULL,
		NULL)))
	{
		MessageBox(NULL,L"Fail to compile vertex shader",L"ERROR",MB_OK);
		return S_FALSE;
	}
	
	device->CreateVertexShader(
		pVSBlob->GetBufferPointer(),
		pVSBlob->GetBufferSize(),
		NULL,
		&vertexShader);
	ID3DBlob* pPSBlob=NULL;

	if(FAILED(D3DX11CompileFromFile(
		L"Triangle.hlsl",
		NULL,
		NULL,
		"PSMain",
		"ps_5_0",
		dwShaderFlag,
		0,
		NULL,
		&pPSBlob,
		NULL,
		NULL)))
	{
		MessageBox(NULL,L"Fail to compile pixel shader",L"ERROR",MB_OK);
		return S_FALSE;
	}
	device->CreatePixelShader(
		pPSBlob->GetBufferPointer(),
		pPSBlob->GetBufferSize(),
		NULL,
		&pixelShader);

	D3D11_INPUT_ELEMENT_DESC layout[]=
	{
		{"POSITION",
		0,
		DXGI_FORMAT_R32G32B32_FLOAT,
		0,
		0,
		D3D11_INPUT_PER_VERTEX_DATA,
		0}
	};
	UINT numElements=ARRAYSIZE(layout);

	ID3D11InputLayout* pVertexLayout;
	device->CreateInputLayout(
		layout,
		numElements,
		pVSBlob->GetBufferPointer(),
		pVSBlob->GetBufferSize(),
		&pVertexLayout);
	immediateContext->IASetInputLayout(pVertexLayout);




	Vertex vertices[]=
	{
		XMFLOAT3(0.0f + x,0.5f + y,0.0f),
		XMFLOAT3(0.5f + x2,0.0f + y2,0.0f),
		XMFLOAT3(-0.5f + x3,0.0f + y3,0.0f),

		XMFLOAT3(0.5f + x4,0.0f + y4,0.0f),
		XMFLOAT3(0.0f + x5,-0.5f + y5,0.0f),
		XMFLOAT3(-0.5f + x6,0.0f + y6,0.0f),
	};

	D3D11_BUFFER_DESC bd;
	ZeroMemory(&bd,sizeof(bd));
	bd.ByteWidth=sizeof(Vertex)*6;//顶点个数

	bd.BindFlags=D3D11_BIND_VERTEX_BUFFER;
	bd.CPUAccessFlags=0;
	bd.MiscFlags=0;

	D3D11_SUBRESOURCE_DATA InitData;
	ZeroMemory(&InitData,sizeof(InitData));
	InitData.pSysMem=vertices;

	ID3D11Buffer* vertexBuffer;
	device->CreateBuffer(&bd,&InitData,&vertexBuffer);
	UINT stride=sizeof(Vertex);
	UINT offset=0;

	immediateContext->IASetVertexBuffers(
		0,
		1,
		&vertexBuffer,
		&stride,
		&offset);
	immediateContext->IASetPrimitiveTopology(
		D3D11_PRIMITIVE_TOPOLOGY_TRIANGLELIST);
	
}

void Cleanup()
{
	if(renderTargetView) renderTargetView->Release();
	if(immediateContext) immediateContext->Release();
	if(swapChain) swapChain->Release();
	if(device) device->Release();
	if(vertexShader)vertexShader->Release();
	if(pixelShader)pixelShader->Release();
}
bool Display(float timeDelta)
{
	if(device)
	{
		float ClearColor[4]={0.0f,0.125f,0.3f,1.0f};
		immediateContext->ClearRenderTargetView(renderTargetView,ClearColor);

		immediateContext->VSSetShader(vertexShader,NULL,0);
		immediateContext->PSSetShader(pixelShader,NULL,0);
		immediateContext->Draw(6,0);//改变绘制的顶点个数

		swapChain->Present(0,0);
	}
	return true;
}

LRESULT CALLBACK d3d::WndProc(HWND hwnd,UINT msg,WPARAM wParam,LPARAM lParam)
{
	switch(msg)
	{
	case WM_DESTROY:
		::PostQuitMessage(0);
		break;
	case WM_KEYDOWN:
		if(wParam==VK_ESCAPE)
		::DestroyWindow(hwnd);
		//移动
		if (::GetAsyncKeyState('W') & 0x8000f)
		{
			x += 0.1;
			x2 += 0.1;
			x3 += 0.1;
			x4 += 0.1;
			x5 += 0.1;
			x6 += 0.1;
			Setup();
		}
		if (::GetAsyncKeyState('S') & 0x8000f)
		{
			x -= 0.1;
			x2 -= 0.1;
			x3 -= 0.1;
			x4 -= 0.1;
			x5 -= 0.1;
			x6 -= 0.1;
			Setup();
		}
		if (::GetAsyncKeyState('D') & 0x8000f)
		{
			y += 0.1;
			y2 += 0.1;
			y3 += 0.1;
			y4 += 0.1;
			y5 += 0.1;
			y6 += 0.1;
			Setup();
		}
		if (::GetAsyncKeyState('A') & 0x8000f)
		{
			y -= 0.1;
			y2 -= 0.1;
			y3 -= 0.1;
			y4 -= 0.1;
			y5 -= 0.1;
			y6 -= 0.1;
			Setup();
		}
		//缩放
		//放大
		if (::GetAsyncKeyState('Q') & 0x8000f)
		{
			y += 0.1;
			x2 += 0.1;
			x3 -= 0.1;
			x4 += 0.1;
			y5 -= 0.1;
			x6 -= 0.1;
			Setup();
		}
		//缩小
		if (::GetAsyncKeyState('R') & 0x8000f)
		{
			y -= 0.1;
			x2 -= 0.1;
			x3 += 0.1;
			x4 -= 0.1;
			y5 += 0.1;
			x6 += 0.1;
			Setup();
		}
		//
			break;

	}
	return ::DefWindowProc(hwnd,msg,wParam,lParam);
}

int WINAPI WinMain(HINSTANCE hinstance,
	HINSTANCE prevInstance,
	PSTR cmdLine,
	int showCmd)
{
	if(!d3d::InitD3D(hinstance,
		800,600,
		&renderTargetView,
		&immediateContext,
		&swapChain,
		&device))
	{
		::MessageBox(0,L"InitD3D()-FAILED",0,0);
		return 0;
	}
	if(!Setup())
	{
		::MessageBox(0,L"Setup()-FAILED",0,0);
		return 0;
	}
	d3d::EnterMsgLoop(Display);
	Cleanup();
	return 0;
}

结果为：

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

嘿克不黑
关注
专栏目录
用Direct3D11绘制三角形演示demo
07-23
博文的配套源码 《 【Visual C++】游戏开发笔记二十九 一步一步教你用优雅的Direct3D11代码画一个三角形 》 ，配套博文地址为http://blog.csdn.net/zhmxy555/article/details/7774929， 为了更好的理解和提高，建议和配套博文一起学习理解 此为VS2010版。 我的博客地址是http://blog.csdn.net/zhmxy555，源码结合配套文章一起看效果更佳。 当然，必须是0资源分下载~~~~~~~~ 希望能和大家一起交流，共同学习，共同进步。
【Visual C++】游戏开发笔记二十九 一步一步教你用优雅的Direct3D11代码画一个三角形...
duoerbasilu
07-23 306
本系列文章由zhmxy555（毛星云）编写，转载请注明出处。 http://blog.csdn.net/zhmxy555/article/details/7774929 作者：毛星云 邮箱： happylifemxy@qq.com 这个demo演示的效果是用Direct3D11在屏幕上渲染一个三角形，当然是通过这个demo进一步巩固和学习Direct3D11，而不是单单为了画一...
Direct3D 11 总结 —— 4 绘制三角形
dss875914213的博客
04-13 985
介绍 本文主要介绍如何使用 direct3D 11 绘制三角形。 pipeline 介绍 从 msdn 的文章，可以获得 direct3D 的 pipeline 如下图所示，对于本文只需要设置红框内的部分。 输入装配阶段 在这里需要将顶点坐标、顶点数据是使用什么格式保存的(float 还是 int；是几位的等)、想要顶点组成什么图像(比如传入3个点，你可能就是想画3个点或者一条线和1一个点或者一个三角形等) 顶点着色器阶段 着色器就是 gpu 执行的代码，gpu 的特点是计算单元的算力有线，但是每个 gp
D3D11之三，缓冲区和创建三角形
miaobeihai的博客
01-10 1311
顶点缓存区： 举一个3D球形为例子： 实际上它是由上百个三角形组成的： 球体模型中的每个三角形都有三个点，我们称每个点为顶点。因此，对于我们渲染球体模型，我们需要将形成球体的所有顶点放入一个特殊的数据数组中，我们称之为顶点缓存区。一旦球体模型的所有点都在顶点缓存区中，我们就可以将顶点缓存区发送给GPU，以便它可以渲染模型。 索引缓存区 索引缓存区与顶点缓存区有关。其目
DX11(三)-绘制一个三角形
weixin_44200074的博客
05-29 998
简单了解渲染管道的步骤并绘制一个简单三角形，主要关注输入装配阶段(IA)，顶点着色器(VS)阶段，和像素着色器（PS）阶段
多媒体技术之DirectX编程入门.docx
10-26
DirectX是微软为Windows平台开发的一组高级API，主要用于创建高性能的多媒体应用程序，尤其是游戏和图形密集型软件。它的核心特点在于提供设备无关性的接口，让开发者能够直接控制硬件，从而实现最佳性能。DirectX由...
DirectX 11
08-28
Rendering techniques about DirectX 11. To Learn or study.
资源分享DirectX11 SDK安装包
最新发布
12-02
DirectX 11 SDK是微软提供的一个开发工具包，它包含了一系列用于创建高性能图形和多媒体应用的库、头文件、示例代码以及开发工具。这个安装包，DXSDK_Jun10.exe，是2010年6月版本的DirectX SDK，适用于Windows操作...
DirectX11程序设计
02-22
这本书是Wendy Joness写的《Beginning DirectX 10 Game　Programming》的后续版本。在这本书中，我们将教你使用最新的Direct3D 11进行基础的游戏图形设计。
DirectX11学习笔记一 渲染一个三角形
MaxLykoS的博客
10-27 3049
  这两个月我看了看数据可视化，又看了看OpenCV，草稿箱里的东西阅存越多，最后还是决定入坑计算机图形学了。因为本科的时候学过一点OpenGLES和计算机图形学原理，再加上自己对游戏开发感兴趣，所以不打算再继续跟老师的方向走了。本来选现在的老师是打算学学游戏服务器的，奈何失算了，o(︶︿︶)o 唉。   本学习笔记的原始素材来自龙书DirectX11，代码来自GitHub。   不打算照抄别人博...
Direct3D 11第二节 渲染三角形
zty1012620的博客
04-19 596
[TOC]Elements of a TriangleInput LayoutRendering the Triangle
D3D实战-在窗口中画一个三角形
杂七杂八
08-23 917
简介 本文使用D3D绘制一个三角形，通过这个程序可以了解一下D3D的基本开发过程。 开发环境 系统：Windows 10 IDE：Visual Studio 2019 注意 本示例需要两个帮助文件点击下载 开发步骤 创建窗口 1、新建一个空白C++项目，文件->新建->项目，语言选择C++，平台选择Windows，选择空项目，点击下一步，真写项目名称和位置，点击创建。 2、新建一个C++文件：stdafx.cpp和一个头文件：stdafx.h。 3、解决方案资源管理器中右击项
Directx11教程(6) 画一个简单的三角形(2)
weixin_34179762的博客
03-11 143
     在上篇教程中，我们实现了在D3D11中画一个简单的三角形，但是，当我们改变窗口大小时候，三角形形状却随着窗口高宽比例改变而改变，如下图所示：           这是因为我们改变了窗口大小，但后缓冲大小在程序初始化时候，已经被指定，不随着窗口改变而改变，这样在视口映射下，我们所渲染的三角形就改变了形状。 下面我们将对程序进行一些小的改动，从而实现改变窗口大小，而渲染的图形...
【DirectX11】【学习笔记（2）】开始画图
qq_40947718的博客
11-16 1188
可编程渲染管线 概述：渲染管线就是用来创建虚拟摄像机看到的2d图像的设置步骤。它包含以下几个阶段 1. Input Assembler (IA) Stage 2. Vertex Shader (VS) Stage 3. Hull Shader (HS) Stage 4. Tesselator Shader (TS) Stage 5. Domain Shader (DS) Stag...
DirectX教程（9）：绘制三角形
父进程的博客
03-23 1751
  在本节中，我们将学习在屏幕上绘制三角形。我们将通过创建一系列顶点并让硬件在屏幕上绘制这些顶点来构建这个三角形。这需要很多代码。渲染三角形需要执行许多操作，本节很长，将分为以下几部分：1、首先，我们告诉GPU如何渲染我们的几何；2、第二，我们创建三角形的三个顶点；3，第三，我们将这些顶点存储在显存中；4、第四，我们告诉GPU如何读取这些顶点；5、第五，最终我们渲染三角形。 使用sharders ...
D3D11无双(1)：渲染你的第一个三角形
代码菌的blog
04-25 2294
D3D11无双(1)：渲染你的第一个三角形 blog: http://blog.csdn.net/booirror 话说游戏《古墓丽影II：西安匕首》中，劳拉·克劳福特(Lara Croft)的乳房岂止是性感丰满，简直是硕大无比，有传闻，是因为设计师当时用的鼠标不好使，结果把乳房弄大了。哈哈。 回到话题，初学DirectX11，如何渲染出你的第一个三角形呢。我们将分成几步
Direct3D 11 总结 —— 5 绘制矩形
dss875914213的博客
04-13 1359
介绍 本文，将在上文的基础上，绘制矩形区域。一般 direct3D 通过绘制三角形，拼成其他图像，对于矩形，本文将绘制两个三角形，以拼成一个矩形。 代码 主要修改点 输入装配阶段 一个是输入的坐标点数，之前是3个点，本文输入的 4个点。 绘制2个三角形，有两种方式，一种是输入6个点，其中有2对点是一样的。 另外一种方式是输入4个点，在加上6个索引点。 绘制命令 针对两种输入方式，有两个对应的绘制命令。 m_pContext->Draw(6, 0); 通过输入顶点绘制6个点绘制图形 m_pContex
Directx11教程(5) 画一个简单的三角形(1)
weixin_34355881的博客
03-11 242
      在本篇教程中，我们将通过D3D11画一个简单的三角形。在D3D11中，GPU的渲染主要通过shader来操作(当然还有一些操作是由GPU固定管线完成，比如光栅化操作)，最常用的shader操作是顶点shader(vertex shader)和像素shader(pixel shader)。其实shader就是在GPU中执行的代码，这些代码被driver编译成硬件依赖的机器码，最终被GPU...
评论 3
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

嘿克不黑

你的鼓励是我的最大的动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值