WPF UI 3D 基本概念点线三角面相机对象材质对象与贴图 3D地球光源变形处理动作交互辅助交互插件系列三

原创

已于 2024-07-02 19:21:47 修改 · 1.8k 阅读

26 ·

CC 4.0 BY-SA版权

文章标签：

#wpf #ui #3d

于 2024-07-02 19:18:39 首次发布

WPF UI交互专题平面图形 Path Drawing 绘图渐变 Brush 矩阵 Transform 变形阴影效果模糊效果自定义灰度去色效果系列二-优快云博客

1软件中的3D基本概念

WPF 中 3D 功能的设计初衷并非提供功能齐全的游戏开发平台。
WPF 中的 3D 图形内容封装在 Viewport3D 元素中，该元素可以参与二维元素结构。该图形系统将 Viewport3D 视为一个二维视觉元素，就像 WPF 中的许多其他元素一样。 Viewport3D 充当三维场景中的窗口（即视区）。更准确地说，它是 3D 场景所投影到的图面。

2模型3D场景 3D点线面组成

3D视口
坐标系
点、线、面、三角顶点网格（3个点的方向下标值点集合三角形法向正反面）
材质
光源
相机

 <Viewport3D>


     <ModelUIElement3D>
         <ModelUIElement3D.Model>
             <GeometryModel3D>
                 <GeometryModel3D.Geometry>
                     <!--一个面4个点-->
                     <MeshGeometry3D Positions="0,0,0     3,0,0      3,2,0      0,2,0"
                                     TriangleIndices="0,3,2 0,1,2"/>
                 </GeometryModel3D.Geometry>
             </GeometryModel3D>
         </ModelUIElement3D.Model>
     </ModelUIElement3D>
 </Viewport3D>

3 3D场景相机对象

OrthographicCamera 正交
PerspectiveCamera 透视
基本属性：
Position：相机的空间坐标(X,Y,Z)
LookDirection：观察方向，向量，相机观察口朝向
FieldOfView（透视相机属性） / Width（正交相机属性）：视野范围（焦距），一个值
UpDirection：相机上方方向，控制相机观察口旋转
FarPlaneDistance：远景距离，大于这个距离的场景不渲染
NearPlaneDistance：近景距离，小于这个距离的场景不渲染

<Viewport3D.Camera>
    <!--透视-->
    <PerspectiveCamera Position="100,100,100"
                       LookDirection="-2,-2,-2"
                       FieldOfView="90"
                       UpDirection="0,1,0"
                       FarPlaneDistance="1000"
                       NearPlaneDistance="1">
    </PerspectiveCamera>
    <!--正交-->
    <!--<OrthographicCamera Position="100,100,100"
                        LookDirection="-2,-2,-2"
                        Width="50"
                        UpDirection="0,1,0"
                        FarPlaneDistance="1000"
                         NearPlaneDistance="1"/>-->
</Viewport3D.Camera>