ARTICLE

# Example of 3D Graphics in WPF

Posted by | May 16, 2012
Tags:
In this article, we discuss how to create a 3D Triangle in WPF.

In this article, we discuss how to create a 3D Triangle in WPF. For that follow these steps.

Step 1: First we take a Button Control and ViewPort in our .xaml page like this:

<Grid>
<Button Name="TriangleButton" Click="triangleButtonClick">Triangle</Button>
<Viewport3D Name="MainViewPort" ClipToBounds="True">
<Viewport3D.Camera>
<PerspectiveCamera
FarPlaneDistance="100"
LookDirection="-12,-11,-10"
UpDirection="0,1,0"
NearPlaneDistance="1"
Position="11,10,9"
FieldOfView="75" />
</Viewport3D.Camera>
<ModelVisual3D>
<ModelVisual3D.Content>
<DirectionalLight
Color="White"
Direction="-2,-3,-1" />
</ModelVisual3D.Content>
</ModelVisual3D>
</Viewport3D>
</Grid>

Step 2: After that, we take this namespace in our .cs page:

using System.Windows.Media.Media3D;

Step 3: After that, we declare a MeshPoint3D like this:

MeshGeometry3D mymesh = new MeshGeometry3D();

It is used to get the Positions Collection, TriangleIndices Collection and a Normals Collection.

Step 4: Now we create the three points of the triangle:

After that, we add the Normals and TriangleIndices in this:

Vector3D Normal = CalculateTraingleNormal(p0, p1, p2);

After that, we add the Normal Vectors, which is used for the Mesh Points like this:

Vector3D Normal = CalculateTraingleNormal(p0, p1, p2);

Here we take a function CalculateTriangleNormal; it is used to take the triangle indices, which we can get by the CrossProduct method of the Vector3D Structure.

Step 5: After that we add a DiffuseMaterial and set its color BlueViolet like this:

Material Material = new DiffuseMaterial(
new SolidColorBrush(Colors.BlueViolet));
GeometryModel3D model = new GeometryModel3D(
mymesh, Material);
Model3DGroup Group = new Model3DGroup();
return Group;

Step 6: Now we write the function CalculateTriangleNormal:

private Vector3D CalculateTraingleNormal(Point3D p0, Point3D p1, Point3D p2)

{
Vector3D v0 = new Vector3D(
p1.X - p0.X, p1.Y - p0.Y, p1.Z - p0.Z);
Vector3D v1 = new Vector3D(
p2.X - p1.X, p2.Y - p1.Y, p2.Z - p1.Z);
return Vector3D.CrossProduct(v0, v1);
}

Step 7: Now we write the code for the Click event of the Button (TriangleButton):

private void triangleButtonClick(object sender, RoutedEventArgs e)

{
Model3DGroup triangle = new Model3DGroup();
Point3D p0 = new Point3D(0, 0, 0);
Point3D p1 = new Point3D(5, 0, 0);
Point3D p2 = new Point3D(5, 0, 5);
Point3D p3 = new Point3D(0, 0, 5);
Point3D p4 = new Point3D(0, 5, 0);
Point3D p5 = new Point3D(5, 5, 0);
Point3D p6 = new Point3D(5, 5, 5);

ModelVisual3D Model = new ModelVisual3D();
Model.Content = triangle;
}

The Output will Be: