插入三维对象

简介: 原文 插入三维对象 Expression Studio 4.0   其他版本   Microsoft Expression Blend 提供了很多用于创建、修改和动态显示三维对象的实用工具。

原文 插入三维对象

Expression Studio 4.0
 
此页仅适用于 WPF 项目

Microsoft Expression Blend 提供了很多用于创建、修改和动态显示三维对象的实用工具。

Expression Blend 可以导入 .obj 文件格式的三维内容。为了让这些文件能够正确呈现,还必须导入材料文件(.mtl 文件),该文件定义了三维对象上使用的材料,并导入材料文件中使用的所有图像文件。

三维内容包含在“Viewport3D”控件中。该视区用作三维内容的一种包装或容器。您可以在“属性”面板中修改材料、光和照相机,以便为三维内容提供所需的效果和可视属性。

Cc295225.eba8e7a7-0039-4fe7-a01f-d20734750a82(zh-cn,Expression.40).png
 
Cc295225.25182a96-9a69-478a-9cfe-5b360e6a9bea(zh-cn,Expression.40).png

Viewport3D

一个二维控件,例如椭圆,可用作呈现文档中三维内容的容器。

Cc295225.05fe4b1d-f584-4bd2-99b6-8bc2d735a89d(zh-cn,Expression.40).png

照相机

代表文档中的视区,其作用方式与视频摄像机相似。照相机可用于拍摄三维内容,并将其转换成适合在屏幕上显示的二维图像(普通的平面物体)。有两种类型的照相机:远景相机和正交相机。

Cc295225.f0c1ff71-7814-42ba-806b-7ea92d616e69(zh-cn,Expression.40).png

材料

三维内容的材料是指三维对象本身的颜色、纹理和总体外观。照明也会影响对象的可视外观,但材料会直接影响到三维对象的表面。有三种类型的材料:漫射材料、放射材料和反射材料。

Cc295225.eb6fad93-f17e-4f62-a926-8c8651862891(zh-cn,Expression.40).png

正如您所想,光可投射到三维内容上,将其照亮。没有光,便无法看清三维内容。有四种类型的光:环境光、投射光、定向光和点光。

三维模型

您可以通过若干方法来使用图柄更改三维对象的方向及位置。例如,通过使用“选择”工具 Cc295225.2ff91340-477e-4efa-a0f7-af20851e4daa(zh-cn,Expression.40).png,可以双击三维对象以将其选定,然后在鼠标显示重定位光标Cc295225.eff911a7-b891-4315-a86c-cc4cd088e647(zh-cn,Expression.40).png 时在美工板上拖动该对象。如果您尝试这样做,您会注意到该三维对象并没有随着您的拖动而靠近或远离您。接下来,如果您在按住 Alt 的同时上下拖动鼠标,则会注意到该三维对象看起来会靠近或远离您。

也可以在“属性”面板中的“转换”下旋转、重新定位和缩放三维对象,就像对其他任何对象一样。

提示:

缩放和调整大小是两种截然不同的更改对象大小的方式。缩放会按照起始大小的一定比例更改对象及其所有属性的大小。例如,具有 Stroke 属性的对象的笔划也会缩放,因此不再与特定的笔划宽度存在映射关系。调整大小则意味着更改对象的“Height”和“Width”属性(尺寸)。

转换图柄是三维对象所独有的。下图和下表描述了如何以最佳方式使用每个图柄。

显示所有图柄的三维对象
Cc295225.0aa7c80e-8ae9-492f-808b-91661c79b0ef(zh-cn,Expression.40).png
 
描述 图柄

X 轴

可以通过拖动 X 旋转图柄 Cc295225.188962b3-2c72-4ef1-968a-cc7293731734(zh-cn,Expression.40).png(红色圆弧),绕 X 轴(红色图柄)旋转对象。旋转图柄可用于绕 X 轴旋转对象,定位图柄 Cc295225.31416d04-8419-46e4-9e7f-40ba237ba11e(zh-cn,Expression.40).png(红色箭头)可用于沿 X 轴移动对象,而缩放图柄 Cc295225.ae0eb9fb-170a-44f8-a9ef-cf7e2b7313cc(zh-cn,Expression.40).png(红色框)可用于沿 X 轴缩放对象。

Cc295225.05557e99-7e25-4fe9-b654-46d5fc6aad11(zh-cn,Expression.40).png

X 轴图柄:

Cc295225.25182a96-9a69-478a-9cfe-5b360e6a9bea(zh-cn,Expression.40).png

旋转。

Cc295225.05fe4b1d-f584-4bd2-99b6-8bc2d735a89d(zh-cn,Expression.40).png

定位。

Y 轴

可以通过拖动 Y 旋转图柄 Cc295225.215fc14e-368f-4a1f-8c64-1e12229321e8(zh-cn,Expression.40).png(绿色圆弧),绕 Y 轴(绿色图柄)旋转对象。旋转图柄可用于绕 Y 轴旋转对象,定位图柄 Cc295225.39165395-57a3-49e2-adf7-5de41da5656c(zh-cn,Expression.40).png(绿色箭头)可用于沿 Y 轴移动对象,而缩放图柄 Cc295225.ae0eb9fb-170a-44f8-a9ef-cf7e2b7313cc(zh-cn,Expression.40).png(绿色框)可用于沿 Y 轴缩放对象。

Cc295225.1fd95e6e-9274-462d-83e9-cc0a472b140b(zh-cn,Expression.40).png

Y 轴图柄:

Cc295225.25182a96-9a69-478a-9cfe-5b360e6a9bea(zh-cn,Expression.40).png

旋转。

Cc295225.05fe4b1d-f584-4bd2-99b6-8bc2d735a89d(zh-cn,Expression.40).png

定位。

Z 轴

可以通过拖动 Z 旋转图柄 Cc295225.a666c7c7-1ed8-4733-bc82-d12b3bd1c58c(zh-cn,Expression.40).png(蓝色圆弧),绕 Z 轴(蓝色图柄)旋转对象。旋转图柄可用于绕 Z 轴旋转对象,定位图柄 Cc295225.54265b96-4329-4435-942d-e5ed6e61e0da(zh-cn,Expression.40).png(蓝色箭头)可用于沿 Z 轴移动对象,而缩放图柄 Cc295225.ae0eb9fb-170a-44f8-a9ef-cf7e2b7313cc(zh-cn,Expression.40).png(蓝色框)可用于沿 Z 轴缩放对象。

Cc295225.19369f35-ddcf-4d84-b365-a36559a116b8(zh-cn,Expression.40).png

Z 轴图柄:

Cc295225.25182a96-9a69-478a-9cfe-5b360e6a9bea(zh-cn,Expression.40).png

旋转。

Cc295225.05fe4b1d-f584-4bd2-99b6-8bc2d735a89d(zh-cn,Expression.40).png

定位。

注意:

通过在旋转时按住 Shift 键可以按 15 度的旋转角度增量对齐对象。

材料

三维内容的材料是指三维对象本身的颜色、纹理和总体外观。照明也会影响对象的可视外观,但材料会直接影响到三维对象的表面。通过在三种不同的材料类型中进行选择,您可以对三维内容进行不同的修改,如下所示:

  • 漫射材料 Cc295225.f4276d84-0e9b-439e-a6f1-dc2db7128d0f(zh-cn,Expression.40).png   确定三维对象在直射光(白光)照射下的颜色,其作用就如同墙面喷漆一样。

  • 放射材料 Cc295225.edb5d581-218f-4bd4-ad88-8f07b9e87140(zh-cn,Expression.40).png   使对象产生发光效果。光的颜色由材料的颜色决定。

  • 反射材料 Cc295225.de37968c-c6c7-43b8-9ada-8ca0c9998b5c(zh-cn,Expression.40).png   控制三维对象上高光反射区域的颜色。高光反射区域指在铬等光滑亮泽表面上看到的光亮区域。

照相机

三维内容的照相机代表观察点,其行为与视频摄像机极其相似。照相机可用于将三维内容转换成适合在屏幕上显示的二维图像(普通的平面对象)。每个“Viewport3D”的照相机均对应于该视区的一个属性。如果您在对象视图的“对象和时间线”面板中选择了照相机,则可以在“照相机”下的“属性”面板中修改其属性。尽管每个视区只关联一个照相机属性,但您可以在远景相机和正交相机之间切换照相机的类型,从而更改对象在应用程序中的显示方式:

  • 远景相机 的工作原理与普通照相机镜头类似。对象离照相机越远,看起来就越小。在“属性”面板中的“照相机”下,单击“远景相机”Cc295225.3cacfb92-e2f5-4f68-a478-e79ff491201d(zh-cn,Expression.40).png 可切换到此相机。

  • 正交相机 关闭了普通照相机的远景效果。对象不会随着其远离正交相机而变小或变形。在“属性”面板中的“照相机”下,单击“正交相机”Cc295225.035d804b-9193-4c84-aca2-308c24e87563(zh-cn,Expression.40).png 可切换到此相机。

远景相机
Cc295225.6122adef-3582-4de3-8868-fb21a23bf0ce(zh-cn,Expression.40).png
正交相机
Cc295225.ffa3ca6d-a4b1-4900-b501-decc2c1747d8(zh-cn,Expression.40).png

可以使用“摄影轨迹”工具 Cc295225.0f80cb0b-7405-4759-9e97-fcde9a53cbb5(zh-cn,Expression.40).png 移动照相机。也可以移动相机,并在“属性”面板中的“照相机”下对每种相机进行其他更改:

  • 透视视野   仅适用于远景相机,此属性可更改通过照相机所看到的内容部分,以及文档中的对象因照相机而显得变形的程度。减小该数值可减少对象因远景拍摄而变形的程度,而增大该数值则会像使用鱼眼镜头一样导致对象大幅变形。

  • 宽度   仅适用于正交相机,此属性可控制所能看到的内容部分。此数值越大,所能看到的内容就越多。

  • 位置  照相机在三维虚拟空间中的位置。

  • 方向  照相机在三维虚拟空间中对准的点。

  • 正向矢量  按照此照相机的“上方”所指的方向移动。

  • 远点/近点剪切平面  这两个选项可控制对象与照相机之间的最近或最远距离,超出上述距离的对象将从所呈现的视图中消失。

有关如何修改照相机的详细信息,请参阅移动照相机

正如您所想,光可投射到三维内容上,将其照亮。没有光,便无法看清三维内容,就如同要在暗无光亮的情况下竭力看清某种东西一样。光是“Viewport3D”控件的属性,通过在对象视图的“对象和时间线”面板下选择光,您可以修改其设置。

可以使用在选择光时所显示的转换图柄(本主题后面的“光类型”一节中的图像中的红色、绿色和蓝色图柄)来转换光。

有关如何移动光的详细信息,请参阅移动光的方向

此外,您可以更改光的一些属性,而您将可能更改的两个主要属性是光的颜色和类型。

光的颜色

更改光的颜色就像更改二维对象的颜色一样简单。若要更改光的颜色,只要在“Viewport3D”中选择一个 Light 对象,然后在“属性”面板中的“光”下,使用颜色编辑器对光进行更改即可。

有关示例,请参阅更改光的颜色

光的类型

下表说明了可应用于三维对象的光的类型。若要更改光的类型,只要在“Viewport3D”中选择一个 Light 对象,然后在“属性”面板中的“光”下,选择不同的光类型即可。

有关示例,请参阅更改光的类型

 
光类型及相关说明 在美工板上使用光

环境光 Cc295225.9f305304-9ef4-40c3-8c40-2195dd8bde81(zh-cn,Expression.40).png

环境光将光投向各个方向。如果希望所有对象均匀受光,请使用此选项。

tip note提示:
如果只用环境光,则对象可能会显得褪色,而且颜色单一。为了获得最佳效果,请另外使用附加的非环境光。
Cc295225.a6d6e8c5-0307-45a6-aff0-c3972353e92b(zh-cn,Expression.40).png

 

投射光 Cc295225.7273622f-aa70-4d16-a093-ed15d8e66ef0(zh-cn,Expression.40).png

投射光所投射的光如同聚光灯一般。光从发光位置发出,并在锥形区域内传播。投射光不会影响到位于锥形发光区域以外的那部分三维对象。

Cc295225.66eb0a06-7bfc-4c9e-976e-f2be9cc4446d(zh-cn,Expression.40).png

定向光 Cc295225.662d3d1c-a7ce-4637-a770-06a07cad45dd(zh-cn,Expression.40).png

定向光沿着特定的方向均匀投射光,就像太阳光一样。

Cc295225.5af771b3-e0bd-4798-988f-f8e5ed3df458(zh-cn,Expression.40).png

点光 Cc295225.48a69ca1-852e-48ce-8424-4ec9a4d20c43(zh-cn,Expression.40).png

点光从一个点向所有方向投射光,就像普通的灯泡一样。

Cc295225.261f55a3-4604-4474-915f-c88665bf8aab(zh-cn,Expression.40).png
提示:

若要同时查看作用于对象上的所有光,请指向“视图”菜单上的“三维”,然后单击“切换光”。

其他光属性

在“属性”面板中的“光”下,可以修改下列属性,对每种光进行其他更改:

  • 衰减   光的强度随着光与发光对象之间的距离变远而衰减的方式。可以修改下列衰减属性:

    • ConstantAttenuation  光的强度不随光与光照对象之间的距离变远而改变。

    • LinearAttenuation  光的强度将按照固定的比率随着光与光照对象之间的距离变远而减弱。

    • QuadraticAttenuation  光的强度随着光与光照对象之间的距离变远而先快后慢地减弱。

    注意:

    衰减属性仅适用于“投射光”和“点光”类型。

  • 方向  受光的方向。“Direction”属性仅适用于“投射光”和“定向光”光类型。

  • 锥角   用于决定从选定光向外扩展的锥形发光区域范围的角度。如果用手电筒来照亮地面,地面不会被平均照亮,而是离中心点越远,光越暗。“锥角”可用于控制这种衰减速度。可以修改下列锥角属性:

    • InnerConeAngle  光最亮的中心部分的角度。

    • OuterConeAngle  光较暗的外围部分的角度。若要创建强光,请将内部锥角和外部锥角设置为同一值。如果内部锥角值大于外部锥角值,则会将这两个值视为等于外部锥角值。

    注意:

    锥角属性仅适用于“投射光”光类型。

  • 位置  光在所属组中的位置。三个值分别表示光的 X、Y 和 Z 位置。“Position”属性仅适用于“投射光”和“点光”光类型。

  • 范围  光的范围。光范围之内的对象将被光照亮;而光范围之外的对象不会被光照亮。“Range”属性仅适用于“投射光”和“点光”光类型。

支持新的三维对象

.NET Framework 包含下列新的三维对象:

  • UIElement3D(在 XAML 中不支持)

  • ContainerUIElement3D

  • ModelUIElement3D

  • Viewport2DVisual3D

Expression Blend 未将新的三维对象包含在“资产”面板中。不过,通过在 XAML 中进行手动修改,或者使用 Microsoft Visual Studio 2010 来添加这些新增对象,然后在 Expression Blend 中打开项目,便可使用这些对象。Expression Blend 会识别这些新增的三维对象,您可以使用三维修饰工具来调整场景中的这些对象。

 

Microsoft Corporation 版权所有 ⓒ 2011。保留所有权利。
目录
相关文章
|
16天前
|
JavaScript 算法
原生JS完成“一对一、一对多”矩形DIV碰撞检测、碰撞检查,通过计算接触面积(重叠覆盖面积)大小来判断接触对象DOM
原生JS完成“一对一、一对多”矩形DIV碰撞检测、碰撞检查,通过计算接触面积(重叠覆盖面积)大小来判断接触对象DOM
|
SQL 关系型数据库 数据库
|
4月前
|
传感器 数据采集 编解码
基于EinScan-S的编码结构光方法空间三维模型重建
基于EinScan-S的编码结构光方法空间三维模型重建
|
索引
一个张量,在指定位置插入一个维度
可以使用torch.unsqueeze()函数在指定位置插入一个新的维度。该函数可接受两个参数:要插入维度的张量和要插入的位置索引。
162 0
|
开发者 Python
数组形状操作|学习笔记
快速学习数组形状操作
65 0
|
算法 定位技术
枚举地图位置 啊哈,算法上
枚举地图位置 啊哈,算法上
枚举地图位置 啊哈,算法上
|
机器学习/深度学习 算法
二维矩阵转换(多种遍历方法)
二维矩阵转换(多种遍历方法)
|
C++
医学四视图-003-解决图像反转(失败)
医学四视图-003-解决图像反转(失败)
228 0
医学四视图-003-解决图像反转(失败)
|
算法
如何判断一个点是否在多边形内部?
如何判断一个点是否在多边形内部?
910 0

热门文章

最新文章