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

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

▶ 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
                        AutoReverse="True"
                        RepeatBehavior="Forever">
                        <Point3DAnimationUsingKeyFrames
                            Storyboard.TargetName="perspectiveCamera"
                            Storyboard.TargetProperty="Position" >
                            <Point3DAnimationUsingKeyFrames.KeyFrames>
                                <LinearPoint3DKeyFrame
                                    KeyTime="00:00:01"
                                    Value="1 2 3" />
                                <DiscretePoint3DKeyFrame
                                    KeyTime="00:00:01.5"
                                    Value="1 2 5" />
                                <SplinePoint3DKeyFrame
                                    KeyTime="00:00:04"
                                    KeySpline="0.6 0.0 0.9 0.00"
                                    Value="0 0 2" />
                            </Point3DAnimationUsingKeyFrames.KeyFrames>
                        </Point3DAnimationUsingKeyFrames>
                        <Vector3DAnimationUsingKeyFrames
                            Storyboard.TargetName="perspectiveCamera"
                            Storyboard.TargetProperty="LookDirection">
                            <Vector3DAnimationUsingKeyFrames.KeyFrames>
                                <LinearVector3DKeyFrame
                                    KeyTime="00:00:01"
                                    Value="-1 -2 -3" />
                                <DiscreteVector3DKeyFrame
                                    KeyTime="00:00:01.5"
                                    Value="-1 -1 -3" />
                                <SplineVector3DKeyFrame
                                    KeyTime="00:00:04"
                                    KeySpline="0.6 0.0 0.9 0.00"
                                    Value="0 0 -1" />
                            </Vector3DAnimationUsingKeyFrames.KeyFrames>
                        </Vector3DAnimationUsingKeyFrames>
                    </Storyboard>
                </BeginStoryboard>
            </EventTrigger>
        </Viewport3D.Triggers>
    </Viewport3D>
</Window>

100

101

102

103

104

105

106

107

108

109

110

111

112

113

114

115

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

<Storyboard

AutoReverse="True"

RepeatBehavior="Forever">

<Point3DAnimationUsingKeyFrames

Storyboard.TargetName="perspectiveCamera"

Storyboard.TargetProperty="Position" >

<Point3DAnimationUsingKeyFrames.KeyFrames>

<LinearPoint3DKeyFrame

KeyTime="00:00:01"

Value="1 2 3" />

<DiscretePoint3DKeyFrame

KeyTime="00:00:01.5"

Value="1 2 5" />

<SplinePoint3DKeyFrame

KeyTime="00:00:04"

KeySpline="0.6 0.0 0.9 0.00"

Value="0 0 2" />

</Point3DAnimationUsingKeyFrames.KeyFrames>

</Point3DAnimationUsingKeyFrames>

<Vector3DAnimationUsingKeyFrames

Storyboard.TargetName="perspectiveCamera"

Storyboard.TargetProperty="LookDirection">

<Vector3DAnimationUsingKeyFrames.KeyFrames>

<LinearVector3DKeyFrame

KeyTime="00:00:01"

Value="-1 -2 -3" />

<DiscreteVector3DKeyFrame

KeyTime="00:00:01.5"

Value="-1 -1 -3" />

<SplineVector3DKeyFrame

KeyTime="00:00:04"

KeySpline="0.6 0.0 0.9 0.00"

Value="0 0 -1" />

</Vector3DAnimationUsingKeyFrames.KeyFrames>

</Vector3DAnimationUsingKeyFrames>

</Storyboard>

</BeginStoryboard>

</EventTrigger>

</Viewport3D.Triggers>

</Viewport3D>

</Window>

TestProject.zip