相关文章
推荐文章
热门文章
网络三维轻松搞定 ——网络三维巨匠Adobe Atmosphere基础教程(下
|
5，场景连接 在现实世界中，场景是很多的。那在Atmosphere中如果建了多个场景，该如何连起来呢？下面我们将解决这个问题。 首先，我们解释两个概念。场景入点(EntryPoint)和场景出点(Portal)。场景入点表示当访问者进入此地时候的位置，而每个新场景亦默认有一个入点；场景出点表示离开此地前往其他场景的位置。类似普通网页的超连接，只不过不是点击鼠标，而是控制自己走到指定位置而已。注意出点高度可以不同，这样有可能某些矮小的角色无法进入高处的出点。解决办法是改变高度（Shift ↑）。相信大家已经把这一招练得很熟了！ 接下来，我们再建一个场景（World）,建好后的场景如图20所示。为了简单起见，我们没有给它加材质和光。
图 20 现在我们利用Object（物体列表）面板快速选择入点(EntryPoint)，将它放到如图21所示的地方（红色的立方块就是入点（EntryPoint））。 图 21 严正警告：如果入点低于任何物体，可能在重力生效的情形下造成一进入场景就不断下坠的后果。如果这种情况发生，可以手动关闭浏览器的Gravity（重力作用）选项。还可以关闭Collide（障碍作用）选项，这样就可以漂浮着穿墙而过了。可以在发布场景中设置浏览时默认的状态。要想重力作用有效，障碍作用必须先有效。 下面该是设置出点的时候了。 由于我们想由走廊到花园，所以我们的出点因该设在走廊的场景中。 打开corr.aer，选择组合工具（Variable Tools）面板中的出点（Portal）工具，如图22所示。 将工作窗口切换到俯视图。放置好后，到侧视图中调整位置，如图23所示（图中红色小方块为出点）。
图 22 图 23 选中出点，打开对象特性面板（Object Inspector）里设置一下，设置如图24。Garden.aer就是前面保存的花园的场景名，本场景保存的为corr.aer。大家可能已经注意到在garden.aer中，我们没有设出点(入点是Atmosphere为我们设的，同时它也是必须的)，因为我们只有两个场景，如果连来连去，那太没意思。大家如果有兴趣和毅力，可以将大观园做上网络。 那时，我一定捧场！
图 24 注意：如果你要想你的浏览者在此场景中浏览的同时能够看到其他的浏览者（同时浏览该差场景的人）,并与他们聊上几句的话，那么必须设置场景服务器。目前，Adobe只提供了一个服务器http://atmosphere.adobe.com。如图25那样填入场景设置（World Settings）面板的服务器（Server）地址栏中，这样就可以使用聊天功能了。由于目前全世界都在使用这个服务器，速度相对较慢，很有可能连接不上，或者连上后反应延迟。相信随着这项技术的不断发展和该软件的广泛应用，必将会有很多的网络公司会为它捧场，为我们设立更多的场景服务器（World Server）。
图 25 6，导出与发布 下面我们要做的将三维网页的最后一件事。将我们的作品送上Internet. 选择File>Publish World，填上文件名，最好与场景的名称一致。点击“保存”后，即完成 *.aer文件的发布。发布后的.aer文件已经可以使用插件浏览了。但是，要想作为网页发布，还需要建立.html/.htm文件，文件以插件的形式嵌在网页上（和Flash动画的嵌入方法式一样的）。大家最好用Adobe GoLive 5将发布后的.aer文件嵌入.html中，毕竟都是一个公司的产品，相互之间得给点面子。如果没有Adobe GoLive 5。请大家原版拷贝下面的代码。将黑体部分换为自己的文件名即可。 注意：黑体部分必须是绝对路径，即类似于http://www.adobe.com/hello.aer这样的样式。 <HTML> 上面我们介绍了Atmosphere的一些基本操作。下面我们将就没有用到的，而又十分重要的功能介绍一下。 1， 组合（group） 有时候，我们希望把几个对象绑在一起，这样我们可以很方便的对这个整体进行编辑。 (1) 如图26所示，新建一个圆台和一个圆柱。 图26 圆台和圆柱的参数分别如图27和28所示。 图27 图28 (2) 复制一个圆台，翻转180度（在测试图内），并将三者组合起来，完成后如图29所示。 图29 （3） 按下鼠标左键，画出一个矩形将它们圈起来。选择Object>Group;这三个将被组合在一起。请注意组合后的Object面板的内容，如图30所示。这个柱子比上面的好想要漂亮不少。组合后，你只要复制该组就可以获得很多柱子，这将会比单个对象先复制后组装节省时间，从而提高工作效率。当然，可以组合的话，分散也是可以的。选择Object>Ungroup,可以将组合分散开，以便于编辑。 图30 2, 对象的布尔逻辑运算 对象的布尔逻辑运算可以帮助我们利用Atmosphere提供的基本形体创建出复杂的三维图形。在Atmosphere中，我们有三种布尔操作。相加和相减。 上面我们讲的组合其实质就是相加。它的使用和特性相信大家已经掌握。这里就不再赘述。 相减我们在前面其实已经用过，细心的读者一定发现我们的garden场景中的花坛中间有一个洞，基本形体里并没有这个。下面我们将以这个为例介绍一下。 创建如图31所示的对象。 图31 选中较高的对象，打开其对象特性（Object Inspector）面板。将Subtractive选中。如图32，如得到的结果如图33所示。 图32 四，“巨匠”显神威 图33 3， 文字的创建 大家也许需要在场景中用到文字。但是，Atmosphere并没有提供文字工具。我的解决方法是用向面添加材质的方法来添加文字，你可以用图形编辑器来编辑文字，然后以材质的形式导入Atmosphere中，Atmosphere支持.gif、.jpeg和.png格式，建议存为.jpeg格式。 四，“巨匠”显神威 （一）、 搭建房子的架构 1.如同生活中建房子一样，我们需要先搭建一个房子的架子；搭建前我们还需要做好地基。 新建一个工作区，选择Variable Tools面板中的Floor，在工作区中绘制一个地面，根据需要修改地面的大小属性，并移至适当位置。一个简单的地面就已经铺建好了。在Views面板中选择Browser，浏览地面效果。 图34 2.地面铺好后就开始围墙了。在Variable Tools面板中有一个Wall（墙壁），我们可以依次把地面围好四个墙壁。不过，Atmosphere为我们提供了更加方便的围墙方式，选择Edit-Extrude Walls from Floor（在当前地面建立墙壁）可以快速地帮我们把四个墙壁围好。 图35 图36 3.这时一个简单的架构就搭好了，是不是挺快的啊，在Browser视图中浏览框架时，地面墙壁的色彩都是随机的，在我们编辑时，所有的墙壁等物体都是可穿透的，需要在最后我们发布到站点后才能正常使用。 图37 4.接下来我们就要给地面及墙壁稍作装修了。 在Browser视图下点击File-Import Textures（输入图片），选择你准备好的材质图片，材质将会输入到Variable Tools（变量工具）面板中。选择相应材质给地面及墙壁进行填充。 图38 最后制作出的效果入图 图39 在Browser视图下，这时的工具条会变成左侧工具。 图40 工具用途分别为：Move（移动视角）、Edit Tex（材质编辑工具）、Del Tex（材质去除工具）、Get Tex（材质吸取工具）、Light Obj（场景明照工具）、Light Face（面明照工具）。 使用Move移动您的视角，给其它墙壁填充材质。 使Edit Tex对材质进行适当修改。 填充材质错误后，可使用Del Tex去除错误填充，重新填充。 每次Atmosphere重新打开后，Variable Tools中的材质就没有了，这时你可以使用Get Tex吸取已有材质，并重新利用。 Light Obj给整个场景进行简单照明。 Light Face对单独一个面即墙壁等进行照明（如图41）。 图41 5.使用Floor加上一个屋顶，移到墙壁的上面，再使用同样的方法填充材质。 啊～一个房子的架子就搭好了。 图42 （二）、门窗及室内的家居装饰 1.先做个窗户透透气。 选择Variable Tools面板中的Box（立方体）工具建立一个立方体，并调整大小和位置使它穿过墙壁。 图43 选择window菜单下的Object Inspector，打开这个物体属性面板。 图44 在面板中勾选Subtractive（减去形式），这时所选择的物体就不会显示了，和其它物体的相交部分就被减去了。注：减去的边缘部分可以再次使用材质，一个窗户也就差不多了。 图45 最后的效果如图46 图46 2.夏天到了，加个空调吧。 选择Variable Tools面板中的Wall（墙壁）工具，绘制一个竖直的板块，并调整大小位置。 图47 给板块贴图，加上一个空调的材质，这时你可以发现Object Inspector面板中出现了如图的属性。 Apply To（应用于）:Object（物体），指整个物体；Face（面），指物体的一个面。 Scaling Type（所放比例的类型）:Pixel（像素）；Tile（平铺） Constrain Proportions（强制比例） Scale U（横向缩放） Scale V（纵向缩放） Offset U（横向偏移） Offset V（纵向偏移） Rotation（旋转） 在这些属性中我们可以控制材质的大小位置等，这些都需要自己去体会了。 图48 使用使用Variable Tools面板中的Solid（油漆桶工具）给物体的侧边也填上颜色。 图49 按照制作窗户的方式，我们同样的可以去绘制一扇大门，供人出入。 3.放到网上，让大家共享一下快乐 最后，你必须把你所作的效果发布一下，选择菜单File下的Publish World，保存的.aer文件才能在网络中正常浏览，否则效果中的材质将不能显示。 图50 到这里,我们已经把Adobe Atmosphere基本上讲完了，但是Adobe Atmosphere的内容远不止这些，我们只是挑最常用的和最基础的介绍了一下，在掌握了基础的技巧后，大家可以再制作一些相对复杂的效果，比如家具、楼梯、灯光、场景的转换、户外风景等等复杂效果，这些都需要大家有足够的耐心、扎实的绘制功力。，有意研究的Adobe Atmosphere可以到Adobe 公司的网站http://www.adobe.com上去找到关于Adobe Atmosphere的更多更全文章，你在做这之前，建议你将help文件和Javescript API Documentation好好读一下。如果你有不清楚的地方，请到http://www.5dmedia.com的论坛的web 3d区发帖子，我们一起学习，一起讨论Adobe Atmosphere。
|
| 收藏本文到：天极网摘 新浪VIVI 和讯网摘 博彩中心 365Key网摘 poco网摘 狐摘 亿友响享Yeeyoo igooi-it网摘 5seek网摘 I2Key 我摘网摘 天下图摘 YouNote 百特门 |
