WPF 3D和光照学习1

使用 Kaxaml工具;

WPF 3D和光照学习1_第1张图片

1 两个相交面的直射光

首先来参阅网上一段代码;

  
  
    
        
    
    
        
            
                
                
                    
                        
                    
                    
                        
                    
                
            
        
    
  

下面是三种不同的情形;差别只在 MeshGeometry3D 标签里面;

定义两个简单的相交面,和直射光;

 

第一个方法就是用最简单的方法,一次性定义所有的点,两个面四个三角形一共12个点,TriangleIndices是从0到11;

                TriangleIndices="0 1 2 3 4 5 6 7 8 9 10 11"/>

WPF 3D和光照学习1_第2张图片

        四个三角形组成两个相交的面;定义的是直射光,DirectionalLight,所以如图看不到什么变化;

 

由于WPF计算光照会根据整个平面的方向向量,所以如果在不同面上使用同一个点可能会达到不同的光照效果;
两个面总共6个点,只定义这6个点,在TriangleIndices中重复利用,代码:
                TriangleIndices="3 1 0, 3 4 1, 4 2 1, 4 5 2"/>

WPF 3D和光照学习1_第3张图片

        并没有得到直射光照效果,使用DirectionalLight;由于顶点被重复利用,同一平面的光照会被不同顶点混合而成了上面的效果;

 

另一种办法是不在不同面上重复利用顶点,但在相同面上可以重复利用;
这样两个面每个面固定4个点一共8个点(介于方法一12个点和方法二6个点之间);
                TriangleIndices="2 1 0, 2 3 1, 6 5 4, 6 7 5"/>
可以达到和方法一同样的直射光照效果,同时定义更少的点;

WPF 3D和光照学习1_第4张图片

你也可以改变光的颜色,例如 Color="#884433" ,则如下;

WPF 3D和光照学习1_第5张图片

2 MeshGeometry3D

Viewport3D控件:这是三维对象元素的上层容器,是相机对象元素Camera、三维图形呈现对象元素ModelVisual3D的集合;

        这是定义摄像机对象的位置和观看的方向;

 

MeshGeometry3D四个属性的含义如下图,主要的东西在这个控件里面;

 

WPF 3D和光照学习1_第6张图片

Positions,是顶点位置的集合;

下图是一个三维坐标系,里面有四个坐标点,也就是顶点位置,都已标出,也就组成了集合(Positions);

WPF 3D和光照学习1_第7张图片

TriangleIndices,字面意思是三角形索引的集合;

举个例子:
TriangleIndices="0 1 2 2 3 0"
    按照图片显示的可以翻译成 “P0 P1 P2,P2 P3 P0”,或者 0 对应 (-1,1,0),1 对应 (-1,-1,0),以此类推。

三角形呈现的是有正反面区分的;WPF采用逆时针的环绕方式来显示正面;
或者用右手定则:握住右手,伸出拇指,四指为逆时针方向,拇指指向正面;

 

那么前面代码中类似这样的,

                                        TriangleIndices="2 1 0, 2 3 1, 6 5 4, 6 7 5"/>

就定义了 顶点位置的集合 和 三角形索引的集合

3 wpf 主要的3D类

如下;

WPF 3D和光照学习1_第8张图片

 

你可能感兴趣的:(图形学和3D,.Net,wpf,顶点,MeshGeometry3D,三角形,光照)