array(2) { ["docs"]=> array(10) { [0]=> array(10) { ["id"]=> string(3) "428" ["text"]=> string(77) "Visual Studio 2017 单独启动MSDN帮助(Microsoft Help Viewer)的方法" ["intro"]=> string(288) "目录 ECharts 异步加载 ECharts 数据可视化在过去几年中取得了巨大进展。开发人员对可视化产品的期望不再是简单的图表创建工具,而是在交互、性能、数据处理等方面有更高的要求。 chart.setOption({ color: [ " ["username"]=> string(8) "DonetRen" ["tagsname"]=> string(55) "Visual Studio 2017|MSDN帮助|C#程序|.NET|Help Viewer" ["tagsid"]=> string(23) "[401,402,403,"300",404]" ["catesname"]=> string(0) "" ["catesid"]=> string(2) "[]" ["createtime"]=> string(10) "1511400964" ["_id"]=> string(3) "428" } [1]=> array(10) { ["id"]=> string(3) "427" ["text"]=> string(42) "npm -v;报错 cannot find module "wrapp"" ["intro"]=> string(288) "目录 ECharts 异步加载 ECharts 数据可视化在过去几年中取得了巨大进展。开发人员对可视化产品的期望不再是简单的图表创建工具,而是在交互、性能、数据处理等方面有更高的要求。 chart.setOption({ color: [ " ["username"]=> string(4) "zzty" ["tagsname"]=> string(50) "node.js|npm|cannot find module "wrapp“|node" ["tagsid"]=> string(19) "[398,"239",399,400]" ["catesname"]=> string(0) "" ["catesid"]=> string(2) "[]" ["createtime"]=> string(10) "1511400760" ["_id"]=> string(3) "427" } [2]=> array(10) { ["id"]=> string(3) "426" ["text"]=> string(54) "说说css中pt、px、em、rem都扮演了什么角色" ["intro"]=> string(288) "目录 ECharts 异步加载 ECharts 数据可视化在过去几年中取得了巨大进展。开发人员对可视化产品的期望不再是简单的图表创建工具,而是在交互、性能、数据处理等方面有更高的要求。 chart.setOption({ color: [ " ["username"]=> string(12) "zhengqiaoyin" ["tagsname"]=> string(0) "" ["tagsid"]=> string(2) "[]" ["catesname"]=> string(0) "" ["catesid"]=> string(2) "[]" ["createtime"]=> string(10) "1511400640" ["_id"]=> string(3) "426" } [3]=> array(10) { ["id"]=> string(3) "425" ["text"]=> string(83) "深入学习JS执行--创建执行上下文(变量对象,作用域链,this)" ["intro"]=> string(288) "目录 ECharts 异步加载 ECharts 数据可视化在过去几年中取得了巨大进展。开发人员对可视化产品的期望不再是简单的图表创建工具,而是在交互、性能、数据处理等方面有更高的要求。 chart.setOption({ color: [ " ["username"]=> string(7) "Ry-yuan" ["tagsname"]=> string(33) "Javascript|Javascript执行过程" ["tagsid"]=> string(13) "["169","191"]" ["catesname"]=> string(0) "" ["catesid"]=> string(2) "[]" ["createtime"]=> string(10) "1511399901" ["_id"]=> string(3) "425" } [4]=> array(10) { ["id"]=> string(3) "424" ["text"]=> string(30) "C# 排序技术研究与对比" ["intro"]=> string(288) "目录 ECharts 异步加载 ECharts 数据可视化在过去几年中取得了巨大进展。开发人员对可视化产品的期望不再是简单的图表创建工具,而是在交互、性能、数据处理等方面有更高的要求。 chart.setOption({ color: [ " ["username"]=> string(9) "vveiliang" ["tagsname"]=> string(0) "" ["tagsid"]=> string(2) "[]" ["catesname"]=> string(8) ".Net Dev" ["catesid"]=> string(5) "[199]" ["createtime"]=> string(10) "1511399150" ["_id"]=> string(3) "424" } [5]=> array(10) { ["id"]=> string(3) "423" ["text"]=> string(72) "【算法】小白的算法笔记:快速排序算法的编码和优化" ["intro"]=> string(288) "目录 ECharts 异步加载 ECharts 数据可视化在过去几年中取得了巨大进展。开发人员对可视化产品的期望不再是简单的图表创建工具,而是在交互、性能、数据处理等方面有更高的要求。 chart.setOption({ color: [ " ["username"]=> string(9) "penghuwan" ["tagsname"]=> string(6) "算法" ["tagsid"]=> string(7) "["344"]" ["catesname"]=> string(0) "" ["catesid"]=> string(2) "[]" ["createtime"]=> string(10) "1511398109" ["_id"]=> string(3) "423" } [6]=> array(10) { ["id"]=> string(3) "422" ["text"]=> string(64) "JavaScript数据可视化编程学习(二)Flotr2,雷达图" ["intro"]=> string(288) "目录 ECharts 异步加载 ECharts 数据可视化在过去几年中取得了巨大进展。开发人员对可视化产品的期望不再是简单的图表创建工具,而是在交互、性能、数据处理等方面有更高的要求。 chart.setOption({ color: [ " ["username"]=> string(7) "chengxs" ["tagsname"]=> string(28) "数据可视化|前端学习" ["tagsid"]=> string(9) "[396,397]" ["catesname"]=> string(18) "前端基本知识" ["catesid"]=> string(5) "[198]" ["createtime"]=> string(10) "1511397800" ["_id"]=> string(3) "422" } [7]=> array(10) { ["id"]=> string(3) "421" ["text"]=> string(36) "C#表达式目录树(Expression)" ["intro"]=> string(288) "目录 ECharts 异步加载 ECharts 数据可视化在过去几年中取得了巨大进展。开发人员对可视化产品的期望不再是简单的图表创建工具,而是在交互、性能、数据处理等方面有更高的要求。 chart.setOption({ color: [ " ["username"]=> string(4) "wwym" ["tagsname"]=> string(0) "" ["tagsid"]=> string(2) "[]" ["catesname"]=> string(4) ".NET" ["catesid"]=> string(7) "["119"]" ["createtime"]=> string(10) "1511397474" ["_id"]=> string(3) "421" } [8]=> array(10) { ["id"]=> string(3) "420" ["text"]=> string(47) "数据结构 队列_队列实例:事件处理" ["intro"]=> string(288) "目录 ECharts 异步加载 ECharts 数据可视化在过去几年中取得了巨大进展。开发人员对可视化产品的期望不再是简单的图表创建工具,而是在交互、性能、数据处理等方面有更高的要求。 chart.setOption({ color: [ " ["username"]=> string(7) "idreamo" ["tagsname"]=> string(40) "C语言|数据结构|队列|事件处理" ["tagsid"]=> string(23) "["246","247","248",395]" ["catesname"]=> string(12) "数据结构" ["catesid"]=> string(7) "["133"]" ["createtime"]=> string(10) "1511397279" ["_id"]=> string(3) "420" } [9]=> array(10) { ["id"]=> string(3) "419" ["text"]=> string(47) "久等了,博客园官方Android客户端发布" ["intro"]=> string(288) "目录 ECharts 异步加载 ECharts 数据可视化在过去几年中取得了巨大进展。开发人员对可视化产品的期望不再是简单的图表创建工具,而是在交互、性能、数据处理等方面有更高的要求。 chart.setOption({ color: [ " ["username"]=> string(3) "cmt" ["tagsname"]=> string(0) "" ["tagsid"]=> string(2) "[]" ["catesname"]=> string(0) "" ["catesid"]=> string(2) "[]" ["createtime"]=> string(10) "1511396549" ["_id"]=> string(3) "419" } } ["count"]=> int(200) } 222 Spherical Harmonics Lighting in DirectX - 爱码网

1、Per-Vertex SH Data Generation with D3DX

D3DX函数产生的数据是SH系数的集合,可以跨平台使用。

对于Per-Vertex SH coefficient,使用D3DXSHPRTSimulation

HRESULT WINAPI D3DXSHPRTSimulation(UINT Order,
LPD3DXMESH *ppMeshArray,D3DXSHMATERIAL **ppMaterials,
UINT NumRays,UINT NumBounces,BOOL EnableSubSurfaceScattering,
FLOAT LengthScale,BOOL EnableSpectral,LPD3DBUFFER *ppResultBuffer,
LPD3DXSHPRTSIMCB pProgressCallback);

上面的函数为preconputed radiance transfer(PRT)生成SH系数。该函数是一个离线函数,不能在实时调用。

现在得到了SH系数的集合,但是系数的个数可能很多,比如一个order=5(即带宽l=5)的模拟,每个顶点需要5^2=25个颜色值,即75个系数。

DX使用的压缩方法称为Clustered Principal Component Analysis(CPCA)。

Spherical Harmonics Lighting in DirectX

如上图,每一个箭头代表一组SH系数。实际上,一组SH系数可以看成一个多维数组。

如果观察模型中多个顶点的SH系数,可以讲多组SH系数组成集群。例如,平面中相邻的顶点会有相似的系数组。

Spherical Harmonics Lighting in DirectX

上图是将不同的SH系数组划分到集群。

我们要首先找出每一个集群中SH系数组的平均值,如下图:

Spherical Harmonics Lighting in DirectX

接下来,找出n组SH系数来代表这个集群(必须是最能代表这个集群的SH系数组),被找出来的n个SH系数组被称为PCA。下图展示了n=2的情况:

Spherical Harmonics Lighting in DirectX

最后,每一个顶点的SH系数组都可以由这n个系数组线性插值得到,如下图:

Spherical Harmonics Lighting in DirectX

上上一篇我们说到,计算每个顶点的最终颜色值可以通过转移方程的SH系数和光线的SH系数求点积得到,这里,因为我们用另一种方式表示转移方程的SH系数,所以最终颜色值的计算方法也可以换一种方式,公式如下:

Spherical Harmonics Lighting in DirectX

M代表集群的平均值,B代表若干个挑选出来的值,w代表每一个值的权重。

这样,这种方法让你可以用n个权重值来表示没一个顶点的SH系数组,每个顶点只需要存储集群的索引和一系列的权重值。

HRESULT WINAPI D3DXSHPRTCompress(UINT Order,
LPD3DXBUFFER pSHCoefficients,
D3DXCOMPRESSQUALITYTYPE Quality,
UINT NumClusters,UINT NumPCAVectors,
LPD3DXBUFFER *ppResults);

最终的buffer存储了每一个集群的n个SH系数组,同时还包含每一个顶点的权重值。


2、Rendering the Per-Vertex SH Solution

现在我们还需要将光线投影到SH基上,得到光照的SH系数。D3DX提供了一系列的函数帮助处理平行光、球形光、锥形光、半球形光。

void D3DXSHEvalConeLight();
void D3DXSHEvalDirectionalLight();

最后,进行点乘步骤。


3、SH with Cube Maps

除了一系列的基本光源类型,D3DX还提供了从立方贴图中生成SH光照的API。立方贴图支持反射和折射效果,但是这些效果高光度太大而且diffuse不平滑。现在可以通过将立方贴图投影到SH基上来生成平滑的diffuse环境效果。

void D3DXSHProjectCubeMap();

4、Simple Specular Highlights

SH lighting能很好的支持diffuse light,然而,怎么往既有效果中加入specular元素?

低带宽的SH方案适合diffuse lighting,因为它将光线的低频部分编码进去,而高光需要物体反射光线的高频部分给摄像机。

相关文章: