[C#/WPF] Rotation3DAnimation 엘리먼트 : 3D 회전 애니메이션 만들기

■ Rotation3DAnimation 엘리먼트를 사용해 3D 회전 애니메이션을 만드는 방법을 보여준다.

▶ MainWindow.xaml


<Window x:Class="TestProject.MainWindow"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    Width="800"
    Height="600"
    Title="TestProject"
    FontFamily="나눔고딕코딩"
    FontSize="16">
    <Viewport3D
        Width="500"
        Height="500"
        ClipToBounds="True">
        <Viewport3D.Camera>
            <PerspectiveCamera
                Position="0 0 2"
                LookDirection="0 0 -1"
                FieldOfView="60" />
        </Viewport3D.Camera>
        <Viewport3D.Children>
            <ModelVisual3D>
                <ModelVisual3D.Content>
                    <DirectionalLight
                        Direction="-0.612372 -0.5 -0.612372"
                        Color="#ffffff" />
                </ModelVisual3D.Content>
            </ModelVisual3D>
            <ModelVisual3D>
                <ModelVisual3D.Content>
                    <DirectionalLight
                        Direction="0.612372 -0.5 -0.612372"
                        Color="#ffffff" />
                </ModelVisual3D.Content>
            </ModelVisual3D>
            <ModelVisual3D>
                <ModelVisual3D.Content>
                    <GeometryModel3D>
                        <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>
                        <GeometryModel3D.Material>
                            <MaterialGroup>
                                <DiffuseMaterial>
                                    <DiffuseMaterial.Brush>
                                        <LinearGradientBrush
                                            StartPoint="0 0.5"
                                            EndPoint="1 0.5">
                                            <LinearGradientBrush.GradientStops>
                                                <GradientStop Offset="0"    Color="Yellow"    />
                                                <GradientStop Offset="0.25" Color="Red"       />
                                                <GradientStop Offset="0.75" Color="Blue"      />
                                                <GradientStop Offset="1"    Color="LimeGreen" />
                                            </LinearGradientBrush.GradientStops>
                                        </LinearGradientBrush>
                                    </DiffuseMaterial.Brush>
                                </DiffuseMaterial>
                            </MaterialGroup>
                        </GeometryModel3D.Material>
                        <GeometryModel3D.Transform>
                            <RotateTransform3D x:Name="rotateTransform3D">
                                <RotateTransform3D.Rotation>
                                    <AxisAngleRotation3D
                                        Axis="0 3 0"
                                        Angle="40" />
                                </RotateTransform3D.Rotation>
                            </RotateTransform3D>
                        </GeometryModel3D.Transform>
                    </GeometryModel3D>
                </ModelVisual3D.Content>
            </ModelVisual3D>
        </Viewport3D.Children>
        <Viewport3D.Triggers>
            <EventTrigger RoutedEvent="Viewport3D.Loaded">
                <BeginStoryboard>
                    <Storyboard>
                        <Rotation3DAnimation
                            Storyboard.TargetName="rotateTransform3D"
                            Storyboard.TargetProperty="Rotation"
                            AutoReverse="True"
                            RepeatBehavior="Forever">
                            <Rotation3DAnimation.From>
                                <AxisAngleRotation3D
                                    Axis="0 3 0"
                                    Angle="-60" />
                            </Rotation3DAnimation.From>
                            <Rotation3DAnimation.To>
                                <AxisAngleRotation3D
                                    Axis="1 0 1"
                                    Angle="60" />
                            </Rotation3DAnimation.To>
                        </Rotation3DAnimation>
                    </Storyboard>
                </BeginStoryboard>
            </EventTrigger>
        </Viewport3D.Triggers>
    </Viewport3D>
</Window>

100

101

102

<Window x:Class="TestProject.MainWindow"

xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"

xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"

Width="800"

Height="600"

Title="TestProject"

FontFamily="나눔고딕코딩"

FontSize="16">

<Viewport3D

Width="500"

Height="500"

ClipToBounds="True">

<Viewport3D.Camera>

<PerspectiveCamera

Position="0 0 2"

LookDirection="0 0 -1"

FieldOfView="60" />

</Viewport3D.Camera>

<Viewport3D.Children>

<ModelVisual3D.Content>

<DirectionalLight

Direction="-0.612372 -0.5 -0.612372"

Color="#ffffff" />

</ModelVisual3D.Content>

</ModelVisual3D>

<ModelVisual3D.Content>

<DirectionalLight

Direction="0.612372 -0.5 -0.612372"

Color="#ffffff" />

</ModelVisual3D.Content>

</ModelVisual3D>

<ModelVisual3D.Content>

<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>

<GeometryModel3D.Material>

<DiffuseMaterial.Brush>

<LinearGradientBrush

StartPoint="0 0.5"

EndPoint="1 0.5">

<LinearGradientBrush.GradientStops>

</LinearGradientBrush.GradientStops>

</LinearGradientBrush>

</DiffuseMaterial.Brush>

</DiffuseMaterial>

</MaterialGroup>

</GeometryModel3D.Material>

<GeometryModel3D.Transform>

<RotateTransform3D.Rotation>

<AxisAngleRotation3D

Axis="0 3 0"

Angle="40" />

</RotateTransform3D.Rotation>

</RotateTransform3D>

</GeometryModel3D.Transform>

</GeometryModel3D>

</ModelVisual3D.Content>

</ModelVisual3D>

</Viewport3D.Children>

<Viewport3D.Triggers>

<Rotation3DAnimation

Storyboard.TargetName="rotateTransform3D"

Storyboard.TargetProperty="Rotation"

AutoReverse="True"

RepeatBehavior="Forever">

<Rotation3DAnimation.From>

<AxisAngleRotation3D

Axis="0 3 0"

Angle="-60" />

</Rotation3DAnimation.From>

<Rotation3DAnimation.To>

<AxisAngleRotation3D

Axis="1 0 1"

Angle="60" />

</Rotation3DAnimation.To>

</Rotation3DAnimation>

</Storyboard>

</BeginStoryboard>

</EventTrigger>

</Viewport3D.Triggers>

</Viewport3D>

</Window>

TestProject.zip