WPF 3D：简单的Point3D和Vector3D动画创造一个旋转的正方体

原文:WPF 3D：简单的Point3D和Vector3D动画创造一个旋转的正方体

运行结果：

事实上很简单，定义好一个正方体，处理好纹理。关于MeshGeometry3D的正确定义和纹理这里就不多讲了，可以参考我以前写过的一些文章：

WPF 3D: MeshGeometry3D纹理坐标的正确定义

WPF 3D：MeshGeometry3D的定义和光照

接下来就是怎样让它动起来。我们通过3D点动画来改变照相机（Camera类型）的位置（Position属性）从而使正方体动起来（这样的话实际上正方体没动，而是照相机在动）。由于正方体是水平旋转的，那么Y轴可以忽略，参考下面整个3D图形的俯视图，动画是这样进行的：

我们的照相机初始时放置在Z轴(0,0,5)的位置，如下图：

所以旋转照相机只需要把Position属性调整到相应的点就可以，分别是0,0,5 5,0,0 0,0,-5 –5,0,0 ，如下代码：

<Point3DAnimationUsingKeyFrames Storyboard.TargetProperty="Position"

Storyboard.TargetName="camera">

</Point3DAnimationUsingKeyFrames>

注意上面使用的是Point3DAnimation类型。接下来需要注意的，我们还需要调整照相机的方向（Camera类型的LookDirection属性），否则照相机还会保持原方向。这个属性类型是3D向量，所以需要用Vector3DAnimation类型，调整向量也很简单，只需要根据照相机的移动点把方向调整到中心点。

如下代码：

<Vector3DAnimationUsingKeyFrames Storyboard.TargetProperty="LookDirection"

Storyboard.TargetName="camera">

</Vector3DAnimationUsingKeyFrames>

当运行动画时，你会发现等方块背面转过来后，它还保持这暗色，原因是整个光照没有被旋转。因此最好把光照再旋转一下就趋近完美了，在动画中再调节DirectionalLight的Direction属性就可以了，这个也是Vector3D类型。

下面是完整的XAML代码：

<Viewport3D.Triggers>

<Point3DAnimationUsingKeyFrames Storyboard.TargetProperty="Position"

Storyboard.TargetName="camera">

</Point3DAnimationUsingKeyFrames>

<Vector3DAnimationUsingKeyFrames Storyboard.TargetProperty="LookDirection"

Storyboard.TargetName="camera">

</Vector3DAnimationUsingKeyFrames>

<Vector3DAnimationUsingKeyFrames Storyboard.TargetProperty="Direction"

Storyboard.TargetName="light">

</Vector3DAnimationUsingKeyFrames>

</Storyboard>

</BeginStoryboard>

</EventTrigger>

</Viewport3D.Triggers>

<Viewport3D.Camera>

</Viewport3D.Camera>

<ModelVisual3D.Content>

<DirectionalLight Direction="0 0 -1"

x:Name="light"

Color="White"/>

<GeometryModel3D.Geometry>

<MeshGeometry3D Positions="-1 1 1, 1 1 1, -1 -1 1, 1 -1 1, -1 1 -1, 1 1 -1, -1 -1 -1, 1 -1 -1

1 1 1, 1 1 -1, 1 -1 1, 1 -1 -1, -1 1 1, -1 1 -1, -1 -1 1, -1 -1 -1

-1 1 1, -1 1 -1, 1 1 1, 1 1 -1, -1 -1 1, -1 -1 -1, 1 -1 1, 1 -1 -1"

TriangleIndices="0 2 1, 1 2 3, 5 6 4, 5 7 6

8 10 9, 9 10 11, 13 14 12, 13 15 14

16 18 17, 17 18 19, 22 21 20, 22 23 21"

TextureCoordinates="0 0, 1 0, 0 1, 1 1,

0 0, 1 0, 0 1, 1 1,

0 0, 1 0, 0 1, 1 1" />

</GeometryModel3D.Geometry>

<GeometryModel3D.Material>

<DiffuseMaterial.Brush>

</LinearGradientBrush>

</DiffuseMaterial.Brush>

</DiffuseMaterial>

</GeometryModel3D.Material>

</GeometryModel3D>

</Model3DGroup>

</ModelVisual3D.Content>

</ModelVisual3D>

</Viewport3D>

WPF 3D：简单的Point3D和Vector3D动画创造一个旋转的正方体相关推荐

WPF 3D中多个模型如何设置某一个在最前？
原文:WPF 3D中多个模型如何设置某一个在最前? 问题:我们的模型包括导入的3D solid模型和axis坐标轴模型,当模型旋转的时候,3D会将axis挡住. 期望:axis一直在最前面,不会被3D ...
html特效 wpf,利用WPF实现一个简单的文字粒子闪烁动画特效
利用WPF实现一个简单的文字粒子闪烁动画特效发布时间:2020-11-06 16:04:19 来源:亿速云阅读:124 作者:Leah 本篇文章给大家分享的是有关利用WPF实现一个简单的文字粒子闪 ...
WPF异步载入图片，附带载入中动画
WPF异步载入图片,附带载入中动画原文:WPF异步载入图片,附带载入中动画 WPF异步载入图片,附带载入中动画最近,在做一个WPF项目.项目中有一个需求,就是以列表的方式显示出项目图片.这些图片有 ...
WPF 3D：使用GeometryModel3D的BackMaterial
WPF 3D:使用GeometryModel3D的BackMaterial 原文 WPF 3D:使用GeometryModel3D的BackMaterial 使用BackMaterial,我们可以定义 ...
3D游戏导论七 · 模型与动画
3D游戏导论七 · 模型与动画本次的作业我们需要制作一个简易的巡逻兵项目. 文章目录 3D游戏导论七 · 模型与动画一.作业要求二.具体实现 1.概念解释 2.项目详解三.最终结果一.作业要 ...
DirectX3D游戏制作之---3D场景的渲染及人物动画的显示
前言: 无所谓好或不好,人生一场虚空大梦,韶华白首,不够转瞬. ----慕容紫英<仙剑奇侠传四> PS:为了方便大家阅读,个人认为比较重要的内容-------红色字体显示个人认为可以了解 ...
WPF 3D开发教程（一）
一.3D基础知识 1.1 坐标系我们知道,在2D平面绘图时,WPF使用的坐标系(其实计算机上的图形处理一般都是这样)是以屏幕左上角为原点,向右为x轴正方向,向下为y轴正方向.而WPF的3D坐标系,取 ...
第八章 DirectX 3D模型加载和骨骼动画（下）
接下来,我们介绍一些骨骼动画.我们之前大致讲过骨骼动画,存储骨骼动画的网格文件要比普通的文件复杂一下.主要是增加了骨骼信息,蒙皮信息以及动画帧信息.骨骼动画的实现原理是仿照人体运动学,将3D模型由一种 ...
python和java的格斗动画_Unity3D一个简单的对打游戏
我发现没有动画想做什么都不行噢~~~,这个动画还是一个大侠给我的,网上找了很多bip动作文件,但是转成FBX格式不行,好像是版本不一样的缘故.后来为了做进度条我之前学了一下EZGUI,但是没有得到想要 ...
WPF随笔（九）--使用路径动画模拟管道流体流向
WPF的一大特性就的动画系统,使用动画能够实现很多在WinForm很难实现的效果.最近在网上偶然看到大神用WPF动画实现对象沿特定路径正向或反向移动的效果,就想参考着自己试一试. 1.简单路径动画先 ...

WPF 3D：简单的Point3D和Vector3D动画创造一个旋转的正方体

WPF 3D：简单的Point3D和Vector3D动画创造一个旋转的正方体相关推荐

最新文章

热门文章