3-D Graphic and Animation

<Window x:Class="MyWeb.Window1"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    Title="MyWeb" Height="358" Width="459" VerticalContentAlignment="Stretch">

  <Grid>

    <!-- Place a Label control at the top of the view. -->
    <Label TextBlock.TextAlignment="Center"
      FontSize="20"
      Foreground="Red"
      Content="Model: Cone" Margin="171.353333333333,9,159.353333333333,0" Height="51" VerticalAlignment="Top" />

    <DockPanel>
      <Viewbox>
        <Canvas Width="321" Height="201">

          <!-- The Viewport3D provides a rendering surface for 3-D visual content. -->
          <Viewport3D ClipToBounds="True" Width="150" Height="150" Canvas.Left="0" Canvas.Top="10">

            <!-- Defines the camera used to view the 3D object. -->
            <Viewport3D.Camera>
              <PerspectiveCamera Position="0,0,2" LookDirection="0,0,-1" FieldOfView="60" />
            </Viewport3D.Camera>

            <!-- The ModelVisual3D children contain the 3D models -->
            <Viewport3D.Children>

              <!-- This ModelVisual3D defines the light cast in the scene. Without light, the 3D
                 object cannot be seen. Also, the direction of the lights affect shadowing. If desired,
                 you can create multiple lights with different colors that shine from different directions. -->
              <ModelVisual3D>
                <ModelVisual3D.Content>
                  <DirectionalLight Color="#FFFFFF" Direction="-0.612372,-0.5,-0.612372" />
                </ModelVisual3D.Content>
              </ModelVisual3D>
              <ModelVisual3D>
                <ModelVisual3D.Content>
                  <GeometryModel3D>

                    <!-- The geometry specifes the shape of the 3D plane. In this sample, a flat sheet is created. -->
                    <GeometryModel3D.Geometry>
                      <MeshGeometry3D
                       TriangleIndices="0,1,2 3,4,5 "
                       Normals="0,0,1 0,0,1 0,0,1 0,0,1 0,0,1 0,0,1 "
                       TextureCoordinates="0,0 1,0 1,1 1,1 0,1 0,0 "
                       Positions="-0.5,-0.5,0.5 0.5,-0.5,0.5 0.5,0.5,0.5 0.5,0.5,0.5 -0.5,0.5,0.5 -0.5,-0.5,0.5 " />
                    </GeometryModel3D.Geometry>

                    <!-- The material specifies the material applied to the 3D object. In this sample a linear gradient
                       covers the surface of the 3D object.-->
                    <GeometryModel3D.Material>
                      <MaterialGroup>
                        <DiffuseMaterial>
                          <DiffuseMaterial.Brush>
                            <LinearGradientBrush StartPoint="0,0.5" EndPoint="1,0.5">
                              <LinearGradientBrush.GradientStops>
                                <GradientStop Color="Yellow" Offset="0" />
                                <GradientStop Color="Red" Offset="0.25" />
                                <GradientStop Color="Blue" Offset="0.75" />
                                <GradientStop Color="LimeGreen" Offset="1" />
                              </LinearGradientBrush.GradientStops>
                            </LinearGradientBrush>
                          </DiffuseMaterial.Brush>
                        </DiffuseMaterial>
                      </MaterialGroup>
                    </GeometryModel3D.Material>

                    <!-- Apply a transform to the object. In this sample, a rotation transform is applied, rendering the
                       3D object rotated. -->
                    <GeometryModel3D.Transform>
                      <RotateTransform3D>
                        <RotateTransform3D.Rotation>
                          <AxisAngleRotation3D Axis="0,3,0" Angle="40" x:Name="MyAnimation"/>
                        </RotateTransform3D.Rotation>
                      </RotateTransform3D>
                    </GeometryModel3D.Transform>
                  </GeometryModel3D>
                </ModelVisual3D.Content>
              </ModelVisual3D>
            </Viewport3D.Children>

            <Viewport3D.Triggers>
              <EventTrigger RoutedEvent="Viewport3D.Loaded">
                <BeginStoryboard>
                  <Storyboard>

                    <!-- This animation animates the Angle property of the AxisAngleRotation3D
                       making the 3D object rotate from -60 degrees to 60 degrees. -->
                    <DoubleAnimation
                     Storyboard.TargetName="MyAnimation"
                     Storyboard.TargetProperty="Angle"
                     From="-60" To="60" Duration="0:0:4" AutoReverse="True"  RepeatBehavior="Forever"/>

                  </Storyboard>
                 
                </BeginStoryboard>
              </EventTrigger>
            </Viewport3D.Triggers>

          </Viewport3D>
        </Canvas>
      </Viewbox>  
    </DockPanel>
  </Grid>

</Window>