原文:WPF中的三维空间(2)

2.10.3
三维对象操作

1.在二维平面空间移动、缩放、旋转Viewport3D控件对象

       

图2-196 选中Viewport3D控件对象     
图2-197
二维平面空间中对象操作图标

【设计面板】实际上是X-Y平面,在【对象和时间线】面板上选中Viewport3D控件对象,同时选中【工具】面板中的“选择”工具,在【设计面板】中的选中的对象被平面蓝色边框(称二维边框)包围,边框上有8个选择点,如图2-196所示。图的中央有1个点是对象的中心点。这时,当鼠标出现在选中区域内,鼠标形状如图2-197左1所示,可以移动3D对象;

当鼠标悬浮在图2-196对象边框的选择点时,鼠标形状如图2-197中间所示,可以缩放3D对象(按住Shift键时保持纵横比),二维边框也跟随变化;

当鼠标悬浮在图2-196对象边框的顶点外时,鼠标形状如图2-197右边所示,可以在X-Y平面中旋转3D对象(按住Shift键时有15度的增量);

调整大小、缩放或倾斜对象的同时按住 Alt
键,将保留中心点的位置不变。

在【属性】面板的“转换”栏中也可以对三维对象进行平移、旋转、缩放等操作。

2.在三维空间调整3D几何对象姿态

当选择【对象和时间线】面板中的3D几何对象(World),同时选中【工具】面板中的“选择”工具,在【设计面板】中的选中的3D几何对象被立体边框(三维边框)包围,如图2-198所示。

      

图2-198 选中3D几何对象       
   图2-199三维立体空间中操作图标

当鼠标悬浮在图2-198的坐标轴上(如箭头端)时,出现图2-199中左边图的形状(现在是悬浮在X轴上的形状,Y、Z轴上的形状稍有差异,主要是横线和箭头的夹角不一样),这时可以沿坐标轴在二维边框内整体移动几何对象。

当鼠标悬浮在图2-198的两个坐标轴交叉的弧线上时,出现图2-199中间图的形状,这时可以沿某轴旋转3D几何对象;

当鼠标悬浮在图2-198的坐标轴和弧线的交叉点上时,出现图2-199右边图的形状,这时可以沿某轴缩放3D几何对象;

当选中【工具】面板中的“摄影轨迹”工具时,可以任意角度旋转3D几何对象。

3.照相机移动

当选中【工具】面板中的“摄影轨迹”工具时,旋转3D几何对象就是移动相机。

当选中“摄影轨迹”工具时,按住Alt键,鼠标向上移动,照相机靠近3D对象,鼠标向下移动,照相机远离3D对象;

当选中“摄影轨迹”工具时,按住Ctrl键,约束相机在X-Y平面移动;

当选中“摄影轨迹”工具时,按住Shift键,相机在X、Y、Z方向增量15度旋转;

另外,在照相机属性中进行有关设置也可以移动相机。

4.移动光线方向

选中光源,在【属性】面板的相应属性中可以移动光源方向。选中光源,在“转换”栏中也可以旋转变换光源方向。

5.示例

图2-200
三维对象动画示例

图2-200左图是三维管状对象动画示例的运行界面,右图是在3D Max中制作的1个管状模型,导出为“管状体.obj”,导入WPF后贴图。3个按钮用于启动动画,每个动画对应1个故事板,下面扼要介绍制作过程。

(1)将“管状体.obj”添加到项目中,并拖入MainWindow.xaml的【设计面板】,选中它,用图2-196的方法调整其大小(不要做旋转操作),如图2-200所示大小。

图2-201
Material设置

(2)贴图:选择1个jpg图像文件添加到项目中,并且生成图像刷ImageBrush1。在【对象和时间线】面板中选中3D对象“World”的“DefaultMaterial”(参考图2-195),选择【属性】面板“材料”栏目中的Material(如图2-201),在弹出的画笔设置窗口选择“画笔资源”—ImageBrush1,这时3D对象被贴图了,如图2-200。

(3)光线设置:选择World—Tube01—DirectionLightContainer—DirectionLight(【对象和时间线】面板,Tube01是从3DMax带来的名称),参看图2-195(3D对象名称有差别)。选择【属性】面板“光”栏目,如图2-202。

图2-202 光线设置

图2-202中,选择光类型和Color(黄色)设置。

到此,3D几何对象的外观设置完成。

(4)3D对象旋转:新建并设计第1个故事板Storyboard1,完成旋转动画。在【对象和时间线】面板上选中“World”,0秒处设置1个关键帧。选择【属性】面板“转换”栏中的“旋转”变换,分别在2秒、4秒、6秒和8秒处设置关键帧(在Y轴角度坐标栏分别输入90、180、270和360,输入值和显示值不统一,实际一样),输入后的显示键图2-203。

图2-203 旋转变换Y轴角度输入

需要说明的是,3D对象的旋转姿态和在3Dmax中的原始造型有关,图2-200中Y轴正方向向上(没有穿过管状体纵向中心线),X轴正方向向右,Z轴正方向面对读者,这样沿Y轴的旋转不会是管状体本身的自转。

(5)相机移动:新建并设计第2个故事板Storyboard2,移动相机使3D对象缩放。在【对象和时间线】面板上选中Camera—PerspectiveCamera,0秒处创建1个关键帧。选择【属性】面板“转换”栏中的“位移”变换,在3秒处在Z坐标栏内输入180(缩小),在6秒处在Z坐标栏内输入0(还原),在3秒、6秒处创建了2个关键帧。参考图2-200右图,Z轴正方向面向读者,这相当于远景相机在Z轴方向远离和还原。

(6)光线移动:新建并设计第3个故事板Storyboard3,进行光线移动操作。在【对象和时间线】面板中选择World—Tube01—DirectionLightContainer—DirectionLight,选择【属性】面板“转换”栏中的“旋转”变换,分别在2秒、4秒、6秒和8秒处设置关键帧(在X轴角度坐标栏分别输入90、180、270和360)。

(7)触发器设置:3个按钮button1(旋转)、button2(相机移动)、button3(光线移动)分别控制Storyboard1、Storyboard2、Storyboard3的启动。触发器的设置请参看前面“二维动画设计”中有关触发器的内容。

运行程序可以看到3D对象的动画效果。

WPF中的三维空间(2)的更多相关文章

  1. WPF中的三维空间(1)

    原文:WPF中的三维空间(1) WPF中可以创建三维几何图形,支持3D对象的应用,支持从3D Max等软件将3D文件obj导入设计中,但是目前还不支持将材质同时导入,这样需要在WPF中对3D对象重新设 ...

  2. WPF中对三维模型的控制

    原文:WPF中对三维模型的控制 (以下选自南开大学出版社出版的<WPF和Silverlight教程>) 3Dmax中的建模模型可以导出为obj文件格式,将此文件导入WPF项目中,由WPF完 ...

  3. 用游戏杆控制WPF中三维模型

    原文:用游戏杆控制WPF中三维模型 用游戏杆控制WPF中三维模型   今天心情比较好,不写WF的文章了,换个主题.写一个我最最最擅长的内容.   例子下载: http://files.cnblogs. ...

  4. 在WPF中使用依赖注入的方式创建视图

    在WPF中使用依赖注入的方式创建视图 0x00 问题的产生 互联网时代桌面开发真是越来越少了,很多应用都转到了浏览器端和移动智能终端,相应的软件开发上的新技术应用到桌面开发的文章也很少.我之前主要做W ...

  5. MVVM模式解析和在WPF中的实现(六) 用依赖注入的方式配置ViewModel并注册消息

    MVVM模式解析和在WPF中的实现(六) 用依赖注入的方式配置ViewModel并注册消息 系列目录: MVVM模式解析和在WPF中的实现(一)MVVM模式简介 MVVM模式解析和在WPF中的实现(二 ...

  6. MVVM模式解析和在WPF中的实现(五)View和ViewModel的通信

    MVVM模式解析和在WPF中的实现(五) View和ViewModel的通信 系列目录: MVVM模式解析和在WPF中的实现(一)MVVM模式简介 MVVM模式解析和在WPF中的实现(二)数据绑定 M ...

  7. MVVM设计模式和WPF中的实现(四)事件绑定

    MVVM设计模式和在WPF中的实现(四) 事件绑定 系列目录: MVVM模式解析和在WPF中的实现(一)MVVM模式简介 MVVM模式解析和在WPF中的实现(二)数据绑定 MVVM模式解析和在WPF中 ...

  8. MVVM模式解析和在WPF中的实现(三)命令绑定

    MVVM模式解析和在WPF中的实现(三) 命令绑定 系列目录: MVVM模式解析和在WPF中的实现(一)MVVM模式简介 MVVM模式解析和在WPF中的实现(二)数据绑定 MVVM模式解析和在WPF中 ...

  9. MVVM模式和在WPF中的实现(二)数据绑定

    MVVM模式解析和在WPF中的实现(二) 数据绑定 系列目录: MVVM模式解析和在WPF中的实现(一)MVVM模式简介 MVVM模式解析和在WPF中的实现(二)数据绑定 MVVM模式解析和在WPF中 ...

随机推荐

  1. 【android】禁止Edittext弹出软键盘而且使光标正常显示

    /** * 禁止Edittext弹出软件盘,光标依旧正常显示. */ public void disableShowSoftInput() { if (android.os.Build.VERSION ...

  2. [Android]获取设备相关信息

    public static int screenWidth(Activity activity) { DisplayMetrics dm = new DisplayMetrics(); activit ...

  3. 杭电acm阶段之理工大版

    想參加全国软件设计大赛C/C++语言组的同学,假设前一篇<C和指针课后练习题总结>没看完的,请先看完而且依照上面的训练做完,然后做以下的训练. 传送门:http://blog.csdn.n ...

  4. Mars之android的Handler(2)

    handler .looper.messageque的关系在前面已经有个介绍,但前面handler(1)中handler的使用是极少的一种情况,因为handler.sendMessage()可以在Ma ...

  5. Windows下visual studio code搭建golang开发环境

    Windows下visual studio code搭建golang开发环境 序幕 其实环境搭建没什么难的,但是遇到一些问题,主要是有些网站资源访问不了(如:golang.org),导致一些包无法安装 ...

  6. SVNKIT的low api应用之修改库中文件内容(File modification)

    最近在做一个仓库管理系统,架构在svn之上.要求每一项操作要记录在log文件中,弄了很久起初感觉无法向库中的文本文件添加东西,就是修改库中的文本文件.于是采用了一个很笨的办法:    现将库中的log ...

  7. TextView中如何支持html标签,放置图片和动作标签

    TextView文本框和输入框几乎是一个正常的带界面的可交互的Android应用的基本组成 TextView主要作用是显示文本内容,其实还可以显示图片,当然有必要的话还可以为文本内容添加动作相应用户的 ...

  8. TCP/IP协议栈源码图解分析系列10:linux内核协议栈中对于socket相关API的实现

    题记:本系列文章的目的是抛开书本从Linux内核源代码的角度详细分析TCP/IP协议栈内核相关技术 轻松搞定TCP/IP协议栈,原创文章欢迎交流, byhankswang@gmail.com linu ...

  9. Android - 通过Intent启动Activity

    通过Intent启动Activity 本文地址: http://blog.csdn.net/caroline_wendy 为了动态关联Activity界面,使用Intent启动.能够灵活绑定. 在In ...

  10. FusionCharts參数中文说明

    FushionCharts是把抽象数据图示化的套件,使用方便,配置简单.其相关參数中文说明例如以下. 功能特性 animation                    是否动画显示数据,默觉得 1( ...