在线创建自己的三维网站
站长空间
有一天,朋友向我吹嘘他制作了一个三维立体网站,我打开他给的网址一看,还真是像模像样的,能实现360度旋转。不过以他的技术,这根本是不可能完成的任务!一番盘问之下他吐露实情,原来这个网站是在线DIY完成的,就像搭积木一样简单!
一、在Gogofrog注册获得建站资格
打开Gogofrog网站(http://www.gogofrog.com),点击页面顶端的“JOIN NOW ITS FREE”按钮进入用户注册页面,在此输入用户名、密码与邮箱,再勾选“I have read, understood and agree to the Gogofrog Terms of Use”复选框。而后查看“Choose from the templates below, otherwise simply click START”,对于大多创建个人网站的用户而言选择“MYSITE”即可。最后点击“Start”按钮提交信息。如果在载入页面中显示“CONGRATULATIONS!”则表示注册成功。
二、一步步创建自己的三维网站
在用户登录后的默认首页中点击“MODIFY YOUR SITE”链接即可进入到三维网站的制作页面。在左侧预览视图中显示了三维网站的平面图,我们此后就需要借助这个不规则的几何图形来完成对三维虚拟家园的内部装修。而右侧视图中则步骤明晰地标示出了制作网站的流程,亦步亦趋地操作即可。
第1步:可以增(Add)、减(Delete)墙壁(墙壁是指几何图形中由各个节点分隔的外围线段,其作用类似于一个HTML网页)。墙壁的数量可根据你需要在网站中展示的内容多少而定,其实刚开张的网站,Gogofrog预置的墙壁已足够了。
第2步:自行设计房型。我们可以拖动几何图形中的各个节点,来自行调节房间的形状。
第3步:选择墙壁类型。Gogofrog设定了三种类型,选择“Information”,可以在墙壁上添加文本内容、文字配图片、Blog、社区或论坛之类;选择“Decrative”,可以在墙壁上添加背景图片(一个或多个)、“粉刷”颜色;选择“Doorway”,则可将墙壁设置为门口(这样即生成了多个房间,在“Current Room”下拉列表中选择房间名称后,可分别进行装修)。当选定一个墙壁之后,这条线段将显示为黑色。
第4步:现在需要针对上一步中选择的墙壁类型进行具体的编辑。因而这两步的关系很密切,需要多次重复操作以完成对所有墙壁的设计。例如,我们先创建一个门口。在上一步中选择该类型后,再点击“Add/Modify Content”选项中的“Edit”按钮,进入到编辑界面,在右侧的文本框中先输入房间的名称,再设置字体属性,此外,该系统还支持插入链接以及设定墙壁颜色。设置完毕后点击“OK”按钮返回主设计界面。此后,把鼠标置于平面图中刚才装修的墙壁上,就会显示出其类型等属性(图1)。这样可以避免因记忆混乱而产生重复设计等错误。

下面,我们将选择在一面墙壁上张贴一组冲浪的背景图片,以使整个空间充满清凉的感觉。按上文所述方式进入编辑界面后,点击“SELECT IMAGE”按钮,在弹出的对话框中点击“UPLOAD”按钮,选择上传本地硬盘中的相关图片(选定图片后点击“Upload File”按钮即可上传),上传完毕后点击“OK”确认操作。此后,再分别点击编辑界面中的其它三个“SELECT IMAGE”按钮上传图片(图2)。至于其它的墙壁类型大家可按需自行添加,直至将所有墙壁都装修完毕。

第5步:可以更改天空和地面的颜色。点击“MODIFY”按钮后,在弹出对话框中分别选择天空或地面,再在预置模板中挑选喜欢的样式即可。与现实中的家居装修一样,在硬装完成之后,还可以添加家具及装饰品等,以增添生活气息。在左侧视图的下端先选定“Furniture”,再点击“CUSTOMISE THIS FEATURE”按钮,而后在弹出的对话框中即可看到Gogofrog预置的家具、饰品(包括电视机、会动的机器人、沙发、植物、蜘蛛、蝴蝶等),选定一个家具名称后,在下面即可看到其基本信息和预览图。如果决定添加该件物品,可将它直接拖曳到左侧房间平面图中的适当位置(这就是在网站中的实际摆放位置)(图3)。在三维网站制作过程中,可以随时点击“PREVIEW”按钮预览一下效果,若要保存修改则点击“SAVE”按钮。

第6步:点击“GO”按钮后即可激活网站。在弹出的对话框中输入网站名称、描述及关键字,最后点击“ACTIVATE”按钮激活。
三、进入自己的三维虚拟空间
Gogofrog为每个注册用户分配的主页地址是(http://www.gogofrog.com/username/),当浏览者访问该网站后首先会看到一个提示对话框,在其中可获知用Z、X键与方向键进行操控(推荐在1024×768分辨率下浏览)。载入网站后即可看到这个三维空间,蓝色的天空中飘着热气球,四周的墙壁上则展示着文、图内容,房间内摆放着各种装饰品(图4)。如果要详细查看墙壁上的内容可用方向键移动并拉近观看,而如果屋内有还有其他房门,点击门上的三角形标示即可进入参观。

