网络三维轻松搞定 ——网络三维巨匠Adobe Atmosphere基础教程(上

——网络三维巨匠Adobe Atmosphere基础教程(上)

作者：5d精英网litteruser 阿三

一、“巨匠”简历

迄今为止决大多数软件都停留在2D时代，你可以点击然后进入网站或者聊天室。然而3D的时代即将到来，作为传统出版和设计届的老大Adobe当然不会落后，本周一Adobe宣布了今年夏末即将出品的交互式3D网站制作工具Adobe Atmosphere。有了Adobe Atmospher，在不久的将来，浏览网站就会进入一个3D空间，直接和其它来访者或站长对话，还可以实时看见许许多多活生生的东西，以前可望而不可及的3D网站，随着宽带的普及和Adobe Atmosphere都将成为现实。

Adobe专门负责Atmosphere的产品部经理Asako Yoshimur说，开发者可以在Viewpoint、Curious Labs或者Discreet 3DStudio Max里面建模，然后将它们直接导入到Atmosphere中使用。Yoshimura说，使用这款软件你甚至可以在网站上创建带有墙壁、柱子和楼梯的展览厅。音乐和视频流文件也可以导入到网站中。Atmosphere还将会给网上购物、教学、娱乐和其它方面带来翻天覆地的变化。作为走在时代前列的诸位网民，还等什么，赶快去到Adobe公司的网站去下载Atmosphere 1.0 beta 版吧，下载地址为：ftp://ftp.adobe.com/pub/adobe/atmosphere/win/full/Atmosphere_Full.exe

注意：

1， 该软件只可以在Windows 98, 98se, ME, 2000等操作系统下运行。

2， 至少是Pentium CPU 、64M内存，48M剩余硬盘空间。

3， 你的浏览器如果是IE的话，其最低版本为4.01, 如果是Netscape Navigator，那其最低版本为4.7。

下载的文件为自解压文件，解压后即可以安装。你只要按照它的提示一步一步地做下去，即可完成安装。安装完后，重新启动计算机。重新启动计算机后机即可以运行Atmosphere。

三，“巨匠”初显身手

下面我们将以一个实例开始来介绍 Atmosphere的使用方法。

1， 建立模型

在桌面上找到Atmosphere Builder(安装程序会在桌面上自动创建图标)。双击打开。

界面很简洁，浮动面板排列得很整齐，没有那种杂乱的感觉。也没有一般软件的欢迎界面。

（1） 选择File>New创建一个新的场景（World）。

（2） 在组合工具（Variable Tools）面板中的地面(Floor)工具上单击鼠标左键，选中地面(Floor)工具（如图1所示），在视图(Views)面板的俯视(Top)方式下，将鼠标移到工作窗口，单击鼠标左键，绘制一个地面。此时，地面以红色显示，表示处于选中状态，红框上的黄色的小正方形为图形的控制点。将鼠标置于黄色的小正方形（即控制点）上，按下鼠标左键，拖动鼠标到适当的位置，松开鼠标，你会发现地面的形状变了，用同样的方法修改其他点的位置，以得到想要得想要的形状。 修改后的形状如图2所示。

图 1 图 2

技巧与提示：在图形内任一点，单击鼠标左键，即可以选中该对象。但是当对象层叠时，选中的将是最上层的那个对象。这时，你可以在对象（Objects）面板中找到该对象，单击其名称即可选中。对象多时，我们往往都用这个方法。

（3）用同样的方法我们为该地面加一堵墙（Wall）。你可以通过拖拽控制点的方法来修改墙的位置和尺寸。

技巧与提示：你可以在对象特性面板（Object Inspector）中修改墙和地面的厚度(Thickness).

(4)在加一个根柱子（Column）。在加上柱子后，你会发现柱子不是圆的，而我们想要的十圆柱子。修改对象特性面板（Object Inspector）中的Faces的值为最大（64）， Radius值为2。

（5）将视图（View）切换到侧视图（Side）（单击视图面板Side去即可）,分别对柱子和墙的高度进行修改。修改完成后如图3所示。此时的视图（view）面板如图4所示。

图 3 图 4

我们要的不是一根柱子，而是一排柱子。

（6）切换到俯视图，选中柱子，选择Edit>Duplicate,将复制一个与当前柱子完全一样的柱子。复制若干柱子（我们这里复制了5根），将它们拖到地面的边缘。完成后的图形如图5所示。

注意：在拖动前，请将地面锁起来，如若不然，在拖拽柱子时会不太方便。如图6所示。

图 5 图 6

技巧与提示：锁定对象的简便的方法是在对象（Objects）浮动面板的该对象的名称前面的小框内单击鼠标左键，小框内将出现小锁图标，那就表示对象被锁定。如图7所示。顺便提一下，小框前面的小框内有一个眼睛，当眼睛显示时，则该对象可见；否则，该对象是被隐藏。如果你感觉工作窗口的对象过多，你可以用该方法隐藏一些对象，以便于编辑。

图 7

（7）将视图切换到侧视图（Side），复制一个地面（Floor）,将它移到柱子和墙的上面。完成后如图8所示。

图 8 图9

（8）我们现在来为走廊添加饰物。选择组合工具（Variable Tools）面板中的 墙（Wall）工具，建立一个竖直的平板。如下图所示在俯视图（Top）中，通过对控制 点的拖拽进行位置和大小控制，将它放在靠墙的位置。完成后如图9所示。

　　 图 9 图10

（9）除了天花板以外，我们还想为它加一个尖顶，以增加美感。

选择组合工具（Variable Tools）面板中的斜板（Slab）工具，在侧视图中增加一个斜板，并利用浮动工具面板的旋转  和缩放  工具来调整其大小和位置。切换到俯视图，调整斜板的大小。完成后如图11所示。

图11

技巧与提示：Atmosphere的缩放、旋转工具的使用很特别，你必须先选中对象，然后用工具在屏幕上按下左键不松手拖动出同心圆，此时才可进行操作（默认是等比所放、按住Alt为等对边缩放、Ctrl和Shift为两种类型的扭曲缩放）。需要多练习几次才可熟练。

切换到测试图，复制一个斜板，并通过旋转工具调整其角度，并移到相应的位置，完成后如图11所示。

图 12

    技巧与提示：如果你的工作窗口的视图不太方便，你可以用移动 、缩放 、缩进 、缩出 工具来调整。

忙了半天，我们还没有看到效果。嗯，别急，选择视图（View）浮动面板上的浏览(Browser)。

哎呀！好像与我想看的不一样。别恼，可先按↓水平后退，再按Shift ↑水平升高，再按Crtl ↓降低视角。多操作几次,以达到熟练的程度。以后经常要用它。这时的模型如图13所示。

图 13

2，添加材质

嗯，好像还不错（嘿，自我感觉！），就是缺点什么？对了,材质！

下面我们为走廊添加材质。

选择Flie>Import Textures…,找到合适的材质，选中，单击“打开”，材质就导了进来。

单击材质，将鼠标移到要添加该材质的对象上，单击鼠标左键，材质就被加上了。完成后如图13所示。

图 14

是比刚才强了不少。等等，怎么墙上的框中有东西，这是怎么弄上的？

啊，忘了告诉大家，在选好填充的材质后，如果将对象特性面板（Object Inspector）里的应用到（apply to）的默认的Object改为Face，则只对图像的一个面加材质，大家可以通过调整参数，来感受一下效果。

3，添加光影效果

接下来我们将加入光的效果。让这个更加逼真。

将工作窗口切换到俯视图，在图上添加一个小柱子，调整其位置和大小。完成后，再复制4个，它们分别放在两柱子之间。完成后如图15所示。

图 15

将工作窗口切换到浏览窗口，通过移动鼠标，将视图调到如图16所示的样子。

图 16

选择组合工具（Variable Tools）面板中的油漆桶。修改对象特性面板（Object Inspector）里的参数如图17所示。注意:要选中发光（Luminous）选项。分别对5个小灯进行填充。

填充完成后，按下光控制（Lightning Control）面板的加光到场景中(Add Lighting to Scene),Atmosphere将开始对场景进行渲染。渲染后的效果如图18所示。

图 17

图 18

4，配以声音

当前的场景还是一个“寂静”的世界。下面我们为它加上声音。

首先，我们用记事本新建一个名为world.js文件，其内容如下：

chat.print("I want to test the world")

var sound;

sound = Sound("test.wav");

sound.volume = 1;

sound.repeats = 0;

sound.play();

chat.print表示在浏览器聊天栏出现的系统信息。Sound("")中间的test.wav就是声音文件地址，目前只支持WAV和MP3两种格式。文件名可以使用类似http://的网络地址。volume指定音量大小，1为原音量，.5为原来的一半高。repeats设定重复播放次数，0代表永远循环。

找到场景设置(World Settings)面板。如果不在桌面上，选择Windows>World Settings，该面板即可弹到桌面上。如图19设置好该面板。场景声音的设置宣告完成。

图 19

除了加声音外，我们还可以加雾等等效果。这一部分的内容很丰富，有兴趣的读者可以参阅Atmosphere的Javascript API Documentation，当你阅读完该文献后，你已经是高手了。

忙了半天，将这个东东存一下，就存为corr.aer.吧！