diff --git a/README.md b/README.md index 52c74c8fff1d755bb9c87c43293dfa7075821fea..d56e2c7156cb6f39e1fbae4c13427e71dd9c0f83 100644 --- a/README.md +++ b/README.md @@ -12,81 +12,81 @@   这个例子相当于Hello World，只是简单的绘制一个三角形出来； -![1](ScreenShot/image-20191212130745840.png) +![1](ScreenShot/image-20191212130745840.jpg) # 2、2-D3D12WICTexture   这个例子演示如何使用WIC加载一个图片纹理，重点在于搞明白D3D12中的纹理加载的过程，理解“两次Copy”操作的基本过程（请注意代码中的注释说明），这是理解D3D12资源加载的基础。 -![2](ScreenShot/image-20191212131202059.png) +![2](ScreenShot/image-20191212131202059.jpg) # 3、3-PlacedTexture   这个示例效果上与第二个示例一样，该示例中主要展示的是使用D3D12中的Placed（定位方式）的Texture，重点在于自建显存堆/共享内存堆的创建和使用上。 -![image-20191212143219661](ScreenShot/image-20191212143219661.png) +![image-20191212143219661](ScreenShot/image-20191212143219661.jpg) # 4、4-D3D12TextureCube   这个例子主要展示DirectXMath库基本操作方法、使用独立堆创建常量缓冲、理解管线状态对象、理解围栏同步等内容，并且开始绘制一个真正的3D立方体。 -![image-20191212144339456](ScreenShot/image-20191212144339456.png) +![image-20191212144339456](ScreenShot/image-20191212144339456.jpg) # 5、5-SkyBox   这个例子主要让大家学会使用和理解捆绑包，并且开始学会加载并使用DDS Cube Map。 -![image-20191212144604816](ScreenShot/image-20191212144604816.png) +![image-20191212144604816](ScreenShot/image-20191212144604816.jpg) # 6、6-MultiThread   这个示例是比较重要的一个例子，展示了如何进行多线程渲染，本质上就是使用多个线程和多个CommandList来记录渲染命令。这个例子只是简单的搭起了一个多线程渲染的基本框架而已，这种简单性的目的就是方便大家彻底掌握多线程渲染。 -![image-20191212144926221](ScreenShot/image-20191212144926221.png) +![image-20191212144926221](ScreenShot/image-20191212144926221.jpg) # 7、7-D3D12MultiAdapter   这个示例主要展示如何充分利用系统中的多个显卡来进行渲染，主要是演示异构多显卡渲染，比较典型的可以应用于有独显及核显的笔记本系统，这样的系统比较常见。核心就是跨显卡共享纹理，不能共享纹理，最差也能够共享缓冲Buffer，这是D3D12的基本要求。 -![image-20191212164234428](ScreenShot/image-20191212164234428.png) +![image-20191212164234428](ScreenShot/image-20191212164234428.jpg) # 8、8-UIRenderBase   这个示例主要演示了基本的UI渲染图片的正交投影变换矩阵的生成，图片的Alpha Blend 显示，以及基本的划线操作等。 -![image-20191212164530404](ScreenShot/image-20191212164530404.png) +![image-20191212164530404](ScreenShot/image-20191212164530404.jpg) # 9、9-D3D12RenderToTexture   这个示例主要展示在D3D12中如何渲染到纹理。渲染到纹理是很重要的一个方法，是很多渲染特效需要的基本功能。 -![image-20191212164743263](ScreenShot/image-20191212164743263.png) +![image-20191212164743263](ScreenShot/image-20191212164743263.jpg) # 10、10-PixelShaderTips   这个示例主要演示了一些很古老的仿照Photoshop中的滤镜效果的Pixel Shader在D3D12中的实现。其中的方法都还没有优化，只是做到了将公式直接翻译成Shader的工作。 -![image-20191212165443030](ScreenShot/image-20191212165443030.png) +![image-20191212165443030](ScreenShot/image-20191212165443030.jpg) -![image-20191212165524944](ScreenShot/image-20191212165524944.png) +![image-20191212165524944](ScreenShot/image-20191212165524944.jpg) # 11、11-MultiThreadAndAdapter   这个示例主要为了在前一个例子基础上正确实现水彩画效果，需要后渲染的高斯模糊处理，同时该示例主要展示了多线程+多显卡渲染的基本方法，并且将高斯模糊后处理主要丢到了辅助显卡上去执行。同时该示例中的高斯模糊就是经典的两遍渲染来实现了，效率上比前一个例子中的“九宫格”方式的实现高了近50%，GPU占用从40%-50%降到了20%左右。 -![image-20191212180600560](ScreenShot/image-20191212180600560.png) +![image-20191212180600560](ScreenShot/image-20191212180600560.jpg) # 12、12-D2DWriteOnD3D12   这个示例主要展示在多线程多显卡渲染架构的基础上再融入D2D和DWrite，这样方便显示一些文字信息，为性能考虑有意将D2D和DWrite放在了辅助显卡（一般是核显）上来执行，这样主显卡就专心去做渲染的工作。 -![image-20191213145910521](ScreenShot/image-20191213145910521.png) +![image-20191213145910521](ScreenShot/image-20191213145910521.jpg) # 13、13-ShowGIFAndResourceStatus   这个示例主要展示如何使用WIC加载GIF动画图片，同时当做纹理来显示。GIF动画的处理主要使用到了Direct Computer作为预处理管线。重点就是展示使用Direct Computer来做纹理图片的预处理的技术，这是一个很重要的基本技巧。这个例子由将基本框架回复到了单线程单显卡渲染的基础上。重点是演示现代显卡的多引擎架构，即有3D引擎、计算引擎，可以同时创建多个分别代表这些引擎的命令队列，并演示了多个引擎间同步的方法。 -![image-20191213150308181](ScreenShot/image-20191213150308181.png) +![image-20191213150308181](ScreenShot/image-20191213150308181.jpg) # 14、14-MultiThreadShadow @@ -96,4 +96,4 @@   该示例是一个纯的只使用了命令行的用于演示“3个内核同步对象实现渲染线程池/大规模线程池”的例子代码，为了大家能够掌握这种专门的用于渲染线程池的框架原理，这个示例中把所有真实的D3D12渲染的代码都删除掉了，只是保留了简单的命令行输出提示，代表插入真实渲染代码的位置。运行后的效果如下： -![image-20210602175020698](ScreenShot/image-20210602175020698.png) +![image-20210602175020698](ScreenShot/image-20210602175020698.jpg) diff --git a/ScreenShot/image-20191212130745840.png b/ScreenShot/image-20191212130745840.jpg similarity index 100% rename from ScreenShot/image-20191212130745840.png rename to ScreenShot/image-20191212130745840.jpg diff --git a/ScreenShot/image-20191212131202059.png b/ScreenShot/image-20191212131202059.jpg similarity index 100% rename from ScreenShot/image-20191212131202059.png rename to ScreenShot/image-20191212131202059.jpg diff --git a/ScreenShot/image-20191212143219661.png b/ScreenShot/image-20191212143219661.jpg similarity index 100% rename from ScreenShot/image-20191212143219661.png rename to ScreenShot/image-20191212143219661.jpg diff --git a/ScreenShot/image-20191212144339456.png b/ScreenShot/image-20191212144339456.jpg similarity index 100% rename from ScreenShot/image-20191212144339456.png rename to ScreenShot/image-20191212144339456.jpg diff --git a/ScreenShot/image-20191212144604816.png b/ScreenShot/image-20191212144604816.jpg similarity index 100% rename from ScreenShot/image-20191212144604816.png rename to ScreenShot/image-20191212144604816.jpg diff --git a/ScreenShot/image-20191212144926221.png b/ScreenShot/image-20191212144926221.jpg similarity index 100% rename from ScreenShot/image-20191212144926221.png rename to ScreenShot/image-20191212144926221.jpg diff --git a/ScreenShot/image-20191212164234428.png b/ScreenShot/image-20191212164234428.jpg similarity index 100% rename from ScreenShot/image-20191212164234428.png rename to ScreenShot/image-20191212164234428.jpg diff --git a/ScreenShot/image-20191212164530404.png b/ScreenShot/image-20191212164530404.jpg similarity index 100% rename from ScreenShot/image-20191212164530404.png rename to ScreenShot/image-20191212164530404.jpg diff --git a/ScreenShot/image-20191212164743263.png b/ScreenShot/image-20191212164743263.jpg similarity index 100% rename from ScreenShot/image-20191212164743263.png rename to ScreenShot/image-20191212164743263.jpg diff --git a/ScreenShot/image-20191212165443030.png b/ScreenShot/image-20191212165443030.jpg similarity index 100% rename from ScreenShot/image-20191212165443030.png rename to ScreenShot/image-20191212165443030.jpg diff --git a/ScreenShot/image-20191212165524944.png b/ScreenShot/image-20191212165524944.jpg similarity index 100% rename from ScreenShot/image-20191212165524944.png rename to ScreenShot/image-20191212165524944.jpg diff --git a/ScreenShot/image-20191212180600560.png b/ScreenShot/image-20191212180600560.jpg similarity index 100% rename from ScreenShot/image-20191212180600560.png rename to ScreenShot/image-20191212180600560.jpg diff --git a/ScreenShot/image-20191213145910521.png b/ScreenShot/image-20191213145910521.jpg similarity index 100% rename from ScreenShot/image-20191213145910521.png rename to ScreenShot/image-20191213145910521.jpg diff --git a/ScreenShot/image-20191213150308181.png b/ScreenShot/image-20191213150308181.jpg similarity index 100% rename from ScreenShot/image-20191213150308181.png rename to ScreenShot/image-20191213150308181.jpg diff --git a/ScreenShot/image-20210602175020698.png b/ScreenShot/image-20210602175020698.jpg similarity index 100% rename from ScreenShot/image-20210602175020698.png rename to ScreenShot/image-20210602175020698.jpg