[C#/WPF] PerspectiveCamera 엘리먼트 : Point3DAnimation/Vector3DAnimation 객체를 사용해 카메라 애니메니션 만들기

■ PerspectiveCamera 엘리먼트에 대해 Point3DAnimation/Vector3DAnimation 객체를 사용해 카메라 위치와 방향을 움직이는 애니메니션을 만드는 방법을 보여준다.

▶ 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 x:Name="perspectiveCamera"
                Position="0 0 2"
                LookDirection="0 0 -1"
                FieldOfView="45" />
        </Viewport3D.Camera>
        <Viewport3D.Children>
            <ModelVisual3D>
                <ModelVisual3D.Children>
                    <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>
                                        <RotateTransform3D.Rotation>
                                            <QuaternionRotation3D x:Name="quaternionRotation3D" />
                                        </RotateTransform3D.Rotation>
                                    </RotateTransform3D>
                                </GeometryModel3D.Transform>
                            </GeometryModel3D>
                        </ModelVisual3D.Content>
                    </ModelVisual3D>
                </ModelVisual3D.Children>
            </ModelVisual3D>
        </Viewport3D.Children>
        <Viewport3D.Triggers>
            <EventTrigger RoutedEvent="Viewport3D.Loaded">
                <BeginStoryboard>
                    <Storyboard>
                        <Point3DAnimation
                            Storyboard.TargetName="perspectiveCamera"
                            Storyboard.TargetProperty="Position"
                            Duration="00:00:04"
                            From="0 0 2"
                            To="1 2 3"
                            RepeatBehavior="Forever" />
                        <Vector3DAnimation
                            Storyboard.TargetName="perspectiveCamera"
                            Storyboard.TargetProperty="LookDirection"
                            Duration="00:00:04"
                            From="0 0 -1"
                            To="-1 -2 -3"
                            RepeatBehavior="Forever" />
                    </Storyboard>
                </BeginStoryboard>
            </EventTrigger>
        </Viewport3D.Triggers>
    </Viewport3D>
</Window>

<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 x:Name="perspectiveCamera"

Position="0 0 2"

LookDirection="0 0 -1"

FieldOfView="45" />

</Viewport3D.Camera>

<Viewport3D.Children>

<ModelVisual3D.Children>

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

</RotateTransform3D.Rotation>

</RotateTransform3D>

</GeometryModel3D.Transform>

</GeometryModel3D>

</ModelVisual3D.Content>

</ModelVisual3D>

</ModelVisual3D.Children>

</ModelVisual3D>

</Viewport3D.Children>

<Viewport3D.Triggers>

<Point3DAnimation

Storyboard.TargetName="perspectiveCamera"

Storyboard.TargetProperty="Position"

Duration="00:00:04"

From="0 0 2"

To="1 2 3"

RepeatBehavior="Forever" />

<Vector3DAnimation

Storyboard.TargetName="perspectiveCamera"

Storyboard.TargetProperty="LookDirection"

Duration="00:00:04"

From="0 0 -1"

To="-1 -2 -3"

RepeatBehavior="Forever" />

</Storyboard>

</BeginStoryboard>

</EventTrigger>

</Viewport3D.Triggers>

</Viewport3D>

</Window>

TestProject.zip