WPF 3D model - Sphere, Cone, and Cylinder

简介: 原文:WPF 3D model - Sphere, Cone, and Cylinder   Extending Visual3D - Sphere, Cone, and Cylinder http://blogs.
原文: WPF 3D model - Sphere, Cone, and Cylinder

 

Extending Visual3D - Sphere, Cone, and Cylinder

http://blogs.msdn.com/b/danlehen/archive/2005/10/16/481597.aspx

 

He put together a short sample which derives a Sphere, a Cone, and a Cylinder primitive from ModelVisual3D.  (Source available here.) 

 

You will notice that these primitives are directly usable from Xaml:

<Viewport3D Camera=”{Camera}” >
  <my:Sphere3D Transform=”{XForm1}” Material=”{Azul}” />
  <my:Cone3D Transform=”{XForm2}” Material=”{Tulips}” />
  <my:Cylinder3D Transform=”{XForm3}” Material=”{Autumn}” />
</Viewport3D>

 

 

Perspective : Easy 3D programming with WPF

 

http://www.odewit.net/ArticleContent.aspx?id=Wpf3DIntro&lang=en&format=xaml

 

 

[Lieo原创]圆柱体的三角形剖分——使用WPF 3D绘制圆柱体

  上个学期在做某个软件时需要使用WPF绘制一些基本的三维物体。找了很多资料,发现大多是介绍球体的,因为这些图形的绘制原理基本类似。

  但是在绘制圆柱体时遇到了一个问题,就是不知道空间中任意一个圆的参数方程。凭大学里学的高等数学知识仅能推导出底面与坐标平面平行的圆的参数方程,如果圆与坐标面成任意夹角就无法解决。使用与坐标面平行的圆绘制出的“类圆柱体”已经可以满足我的程序的需求了,但是绘制出来的毕竟不是一个真正的圆柱。向同学请教了参数方程后后,终于解决了这个问题。

  【铺垫:使用WPF 3D绘制三维物体的方法概述】

  与Direct 3D类似,在WPF中,任何三维物体都是由三角形组成的。MeshGeometry3D对象定义组成图像的各个三角形顶点和这些顶点的连接方式。该对象的Positions属性是一个Point3D类型的集合,用户记录三角形的各顶点坐标,TriangleIndices属性则描述这些顶点的链接方式。

  GeometryModel3D对象的MaterialBackMaterial属性可以定义三维物体的表面和背面材质。在本程序中,材质只用到了漫反射材质DiffuseMaterialGeometry属性指定该三维物体的MeshGeometry3D对象。为此,我们可以为每一个原子、键和平面生成各自的GeometryModel3D对象,这样就可以为每一个元素分别进行着色。

  每个GeometryModel3D被承载在一个ModelVisual3D对象中。整个三维场景都被定义在一个Viewport3D对象中。该对象的Children属性是ModelVisual3D的集合。将预先设定的三维物体的ModelVisual3D对象添加到集合中,便可以在Viewport3D视图中显示。

 

  【引子:先了解如何绘制一个球面】

  一个球体可以表示成由经线和纬线组成的网格,我们可以将每个网格近似地看成由两个三角形组成的平面,如下图所示。

  

  为了依次生成球面上离散的各点坐标,需要将球面写成参数形式。设球心在坐标原点,球体半径为R,则其参数方程为:

  

  使用参数方程,用双重循环即可生成球面的点。代码如下:

 

        '将球面进行三角形拆分。设球面的参数方程为:
        ' x = - r * cosφ * sinθ
        ' y = r * sinφ
        ' z = - r * cos φ * cosθ
        '其中,-π/2≤φ≤π/2,-2π≤θ≤2π

        Dim mesh As New MeshGeometry3D

        Dim x, y, z, theta, phi As Double
        Dim normal As Vector3D   '组成球面的某个三角形的法向量

        For i As Integer = 0 To Stacks  '将球面拆分成Stacks个等距离的薄片(纬度,自上向下)
            phi = Math.PI / 2 - i * Math.PI / Stacks   '计算该纬度位置的phi角
            y = R * Math.Sin(phi)  '计算该纬度位置的y轴坐标(假设球心在原点)

            For j As Integer = 0 To Slices  '将球面纵向切成Slices份(经度方向,自西向东)
                theta = j * 2 * Math.PI / Slices     '计算该经度位置的theta角
                '按照参数方程计算出另外两个坐标值
                x = -R * Math.Cos(phi) * Math.Sin(theta)
                z = -R * Math.Cos(phi) * Math.Cos(theta)
                normal = New Vector3D(x, y, z)  '当球心在原点时,某点的法向量就是(x,y,z)
                mesh.Positions.Add(normal + center)  '某点的坐标:指定的球心+当前计算出的坐标
                '计算材质对应的二维坐标,点(j / Slices, i / Stacks)是该点在二维平面展开后对应的坐标
                mesh.TextureCoordinates.Add(New Windows.Point(j / Slices, i / Stacks))
            Next j
        Next i

 

  其中Stacks表示纬度剖分数,Slices为经度拆分数。每计算一个顶点的坐标,便将其添加到Positions集合中。mesh.Normals.Add方法由于指定该点的法向量。该点的法向量方向是球心与该点连线的向量方向,即 ,而该点的坐标为 ,其中c是球心的坐标。

  接下来需要考虑的问题是如何为球面着色。设想球面按球面轴展开,就成了如下图所示的二维平面。

  

  与顶点集合对应的TextureCoordinates集合指定了填充三维对象表面时顶点与二维图像之间的关系。WPF定义与三维物体表面对应的二维填充平面的左上顶点和右下顶点分别为(0,0)(1,1),如上图所示的(i,j),其对应的二维向量为 mesh.TextureCoordinates.Add(i/stacks,j/slices)就是指定该顶点与二维填充平面的对应关系。

  顶点和相关集设置好后,需要指定这些顶点如何构成三角形。具体实现方式请参考Lieo3DModel类中GenerateSphereMesh方法。

  【进入正题:圆柱体侧面的三角形剖分】

  与球体类似,圆柱体按照其轴展开后也是一个矩形。

  

  可以想象,设n表示从底面圆心指向顶面圆心的向量,将一个底面圆上的按照圆的参数方程等间隔地生成,那么顶面相对应的顶点的坐标可按照向量n平移得到。将这样的两个点连起来,连线与轴平行。按照这个思路,只需要生成底面圆上各点的坐标,即可按照图将圆柱剖分成三角形。

  空间中任意一个圆的参数方程为:

  
  其中 为圆的法向量。为了计算这两个与法向量相互正交的向量,可以使用向量的叉积运算。

  设M是空间中任意一个不与圆的法向量共线的向量,令 ,这样得到的 就是相互垂直的。将向量归一化后,便得到了参数方程所需要的a,b

  参照球面生成的代码,生成圆柱的代码能够很容易写出。具体请下列代码:

    ''' <summary>
    ''' 将两底面圆心在 p1、p2 位置,底面半径为 R 的圆柱体进行三角形剖分。
    ''' </summary>
    ''' <param name="p1">圆柱上底面圆心的坐标。</param>
    ''' <param name="p2">圆柱下底面圆心的坐标。</param>
    ''' <param name="R">圆柱的底面半径。</param>
    ''' <returns>返回值:代表该圆柱面的MeshGeometry3D对象。</returns>
    Public Shared Function GenerateCylinderMesh(ByVal p1 As Point3D, ByVal p2 As Point3D, ByVal R As Double) As MeshGeometry3D
        '将圆柱体进行三角形剖分

        '空间中圆的参数方程:(x,y,z) = r*(A*cosθ+B*sinθ)+(x0,y0,z0)   【0≤θ≤2π】
        '  其中 a、b 是单位向量,且满足 A⊥B⊥n(圆的法向量)

        Dim mesh As New MeshGeometry3D
        Dim CircleVector As Vector3D = p2 - p1   '从p1点到p2点的3D向量

        Dim M As New Vector3D(1, 1, 1)

        If Vector3D.AngleBetween(M, CircleVector) < 0.1 Then
            M = New Vector3D(1, 0, 0)
        End If


        Dim A As Vector3D = Vector3D.CrossProduct(CircleVector, M)
        Dim B As Vector3D = Vector3D.CrossProduct(CircleVector, A)

        A.Normalize()
        B.Normalize()

        Dim theta As Double
        Dim Pos1, Pos2 As Point3D

        '设圆与 xz 轴平行
        For i As Integer = 0 To Stacks

            '计算剖分三角形顶点在参数方程中对应的角度
            theta = i / Stacks * Math.PI * 2

            Pos1 = R * (A * Math.Cos(theta) + B * Math.Sin(theta)) + p1
            Pos2 = R * (A * Math.Cos(theta) + B * Math.Sin(theta)) + p2

            mesh.Positions.Add(Pos1)
            mesh.Positions.Add(Pos2)

            mesh.TextureCoordinates.Add(New Windows.Point(i / Stacks, 0))
            mesh.TextureCoordinates.Add(New Windows.Point(i / Stacks, 1))
        Next

        For i As Integer = 0 To Stacks - 1
            mesh.TriangleIndices.Add(i * 2)
            mesh.TriangleIndices.Add(i * 2 + 1)
            mesh.TriangleIndices.Add(i * 2 + 3)

            mesh.TriangleIndices.Add(i * 2)
            mesh.TriangleIndices.Add(i * 2 + 3)
            mesh.TriangleIndices.Add(i * 2 + 2)
        Next

        Return mesh
    End Function

 

目录
相关文章
|
C#
WPF 3D动态加载模型文件
原文:WPF 3D动态加载模型文件 这篇文章需要读者对WPF 3D有一个基本了解,至少看过官方的MSDN例子。 一般来说关于WPF使用3D的例子,都是下面的流程: 1.美工用3DMAX做好模型,生成一个obj文件 2.程序然后打开Blender,将obj拖动到Blender中,生成xaml代码   但是这样做会有至少两个问题: 1. 维护麻烦,因为一旦模型修改,你需要重复上面的步骤,至少要修改xaml的代码。
1537 0
|
C#
WPF 3D模型的一个扩展方法
原文:WPF 3D模型的一个扩展方法 在WPF 3D中,我们常常需要改变一个ModelVisual3D对象的颜色。 先说说ModelVisual3D,本质上3D模型都是由一个个的三角形构成的,并且经过材质进行渲染(DiffuseMaterial) 。
900 0
|
前端开发 C#
silverlight,WPF动画终极攻略之番外 3D切换导航篇(Blend 4开发)
原文:silverlight,WPF动画终极攻略之番外 3D切换导航篇(Blend 4开发) 这篇介绍的是3D导航,点击图标,页面360°翻转的效果!有什么不足的欢迎大家指出来。 1.新建一个usercontrol,命名为menu. 2.按照下图设置一下属性。
1244 0
|
C#
WPF 3D 模型旋转
原文:WPF 3D 模型旋转     WPF 是 Microsoft 在 Framework3.0 中支持的一种技术,它能作出很绚丽的界面,同时它也支持3D的操作。在3D操作主要包括平移(Translate)、旋转(Rotation)、缩放(Scale)。
1371 0
|
C#
wpf之3d基础
原文:wpf之3d基础     关于3D方面的东西,本人只是浅尝辄止,从未曾在项目中使用过,相信有不少人也是基于一份兴趣去学习。这里将展示几个基本的WPF 3D编程,希望对初学者有一定帮助。     为帮助理解,这里全部使用C#代码构造,而不是写在XAML中,有兴趣的可以在这里下载源代码。
1075 0
|
C# 索引
#WPF的3D开发技术基础梳理
原文:#WPF的3D开发技术基础梳理 自学WPF已经有半年有余了,一遍用,一边学。但是一直没有去触摸WPF的3D开发相关技术,因为总觉得在内心是一座大山,觉得自己没有能力去逾越。
1366 0
|
C#
使用WPF实现3D场景[一]
原文:使用WPF实现3D场景[一] 在这篇文章里,将介绍如何实现一个简单的三维场景,一个三维的空间,包括空间内的三维物体的组合. 首先介绍一下一个三维场景里的基本元素: 先是定义一个简单的三维的场景环境 代码如下: 以上是定义了一个名称叫做 myViewport 的的三维场景,接下来可以在这个三位场景里添加一些元素: 元素一:照相机 照相机是三维场景内用户的视角,当然照相机也是唯一的。
1619 0
|
C#
使用WPF实现3D场景[二]
原文:使用WPF实现3D场景[二] 在上一篇的文章里我们知道如何构造一个简单的三维场景,这次的课程我将和大家一起来研究如何用代码,完成对建立好了的三维场景的观察。
1140 0
|
C#
WPF利用HelixToolKit后台导入3D模型
原文:WPF利用HelixToolKit后台导入3D模型 版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/m0_37591671/article/details/75044423 ...
3575 0
|
C# 前端开发 图形学
WPF实现3D翻转的动画效果
原文:WPF实现3D翻转的动画效果 1、前端代码实现 1.1 原理见代码注析 ...
2165 0