[C#/WPF] GeometryModel3D 엘리먼트 : Transform 속성에서 TranslateTransform3D 객체를 사용해 애니메이션 만들기

■ GeometryModel3D 엘리먼트의 Transform 속성에서 TranslateTransform3D 객체를 사용해 애니메이션을 만드는 방법을 보여준다.

▶ 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">
    <Canvas
        Margin="10"
        Height="300">
        <Viewport3D
            Width="600"
            Height="150"
            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>
                        <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>
                                            <SolidColorBrush
                                                Opacity="0.3"
                                                Color="Cyan" />
                                        </DiffuseMaterial.Brush>
                                    </DiffuseMaterial>
                                </MaterialGroup>
                            </GeometryModel3D.Material>
                            <GeometryModel3D.Transform>
                                <TranslateTransform3D x:Name="translateTransform3D"
                                    OffsetX="0"
                                    OffsetY="0"
                                    OffsetZ="0" />
                            </GeometryModel3D.Transform>
                        </GeometryModel3D>
                    </ModelVisual3D.Content>
                </ModelVisual3D>
            </Viewport3D.Children>
            <Viewport3D.Triggers>
                <EventTrigger RoutedEvent="Viewport3D.Loaded">
                    <BeginStoryboard>
                        <Storyboard>
                            <DoubleAnimation
                                Storyboard.TargetName="translateTransform3D"
                                Storyboard.TargetProperty="OffsetX"
                                To="-0.8"
                                AutoReverse="True"
                                RepeatBehavior="Forever" />
                        </Storyboard>
                    </BeginStoryboard>
                </EventTrigger>
            </Viewport3D.Triggers>
        </Viewport3D>
    </Canvas>
</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">

<Canvas

Margin="10"

Height="300">

<Viewport3D

Width="600"

Height="150"

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>

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

<SolidColorBrush

Opacity="0.3"

Color="Cyan" />

</DiffuseMaterial.Brush>

</DiffuseMaterial>

</MaterialGroup>

</GeometryModel3D.Material>

<GeometryModel3D.Transform>

<TranslateTransform3D x:Name="translateTransform3D"

OffsetX="0"

OffsetY="0"

OffsetZ="0" />

</GeometryModel3D.Transform>

</GeometryModel3D>

</ModelVisual3D.Content>

</ModelVisual3D>

</Viewport3D.Children>

<Viewport3D.Triggers>

<DoubleAnimation

Storyboard.TargetName="translateTransform3D"

Storyboard.TargetProperty="OffsetX"

To="-0.8"

AutoReverse="True"

RepeatBehavior="Forever" />

</Storyboard>

</BeginStoryboard>

</EventTrigger>

</Viewport3D.Triggers>

</Viewport3D>

</Canvas>

</Window>

TestProject.zip