八倍Flash3D虚拟现实漫游者帮助

八倍Flash3D虚拟现实漫游者 是一个制作3D虚拟现实展示的软件,这是个所见即所得的工具软件。是为了让3D模型文件可以通过此软件设计打包后，快速的发布到网站上。

• 所见即所得的设置方式
• 导入模型，模型。格式文件为:3ds,dae,a3d
• 调整模型大小、贴图。格式文件为:jpg,png,swf,flv。3D中采用的贴图大小必须为2的幂次方（如：宽度、高度必须为：2，4，8，16，32...256 ,512,1024...）
• 设置处理动作
• 设置展示方式
• 可设置视频，动画材质
• 可设置介绍
• 等等

• 所见即所得的设置方式
• 导入模型，模型。格式文件为:3ds,dae,a3d
• 调整模型大小、贴图。格式文件为:jpg,png,swf,flv。3D中采用的贴图大小必须为2的幂次方（如：宽度、高度必须为：2，4，8，16，32...256 ,512,1024...）
• 设置处理动作
• 设置展示方式
• 可设置视频，动画材质
• 可设置介绍
• 等等

为了实现在线的同步呈现模型。
1、模型文件大小，模型文件的面片数量控制在30万面以下（您可以适当减少面片）。
2、模型文件中对象数量，需要控制在200个以下，（您可以合并相同、相似对象）。
3、模型文件可以选择颜色或者贴图（UV贴图法），图片格式为jpg、png尽量采用2的幂次方图片。
4、对一些3D软件中的渲染效果不支持。（如：VR渲染等）。
5、模型的各种变换应用等，基本不支持。 如需多个模型，可以在3D软件中使用 克隆->复制。
6、模型大小不要太大，适当控制在-2000到2000之间。 单位可以选择通用单位（International）。
7、模型的位置应该放在中心位置，这样系统打开模型的时候，可以默认看到模型。
8、模型不要含有空对象，空对象是指面片数为零的对象。文件->属性->摘要信息 可以检查。

贴图的类型选择，只对3D模型有效
其中环境图片为6张一样大小的图片。可以通过相机在前后左右上下的各90度的图片来，模拟的一个立方体环境。
包括：

• 自适应（自动选择类型）
• 图片无光： 不计算灯光的影响，模型的显示 只依赖与漫反射图片，透明度依赖于透明通道图片
• 图片有光： 通过凹凸程度，计算灯光的影响，模型的显示 依赖与漫反射图片，凹凸呈现依赖于凹凸通道，
• 顶点有光： 通过顶点位置，计算灯光的影响，模型的显示 依赖与漫反射图片
• 环境有光： 通过凹凸程度，计算灯光的影响，并将环境反射到模型上，如车壳，玻璃等使用

材质与图片的关系，如下表

	漫反射	透明通道图片	凹凸通道图片	高光通道图片	光泽度图片	环境材质图片	反射材质图片	灯光材质图片
图片无光
图片有光
顶点有光
环境有光

• 环境光：在3D场景的属性中可以设置环境光的颜色
• 泛光灯： 向四周发光的光源
• 目标聚光灯： 一束锥形的光源，默认盯住目标（0，0，0）
• 目标平行光： 平行的光，类似太阳光，默认盯住目标（0，0，0）

灯光的参数效果浏览示例
灯光参数对照表，如下表

	泛光灯	目标聚光灯	目标平行光
颜色，灯光颜色
目标点位，灯光盯向哪个点位（x,y,z）英文字符逗号分隔
衰减开始距离，灯光从多少距离开始衰减
衰减结束距离，灯光衰减到多少距离结束
开始衰减弧度，针对目标聚光灯，光线从该锥角开始衰减，锥角为弧度
结束锥角弧度，针对目标聚光灯，光线至该锥角完全衰减，完全无光，锥角为弧度
光照宽度，目标平行光的宽度范围
光照高度，目标平行光的高度范围
阴影最近边界，
阴影最远边界，
阴影分块(2的幂次)，必须为2的幂次方的数值，越大越细致
阴影边缘光滑，阴影边缘光滑度0~1
阴影应用对象，那些对象需要呈现阴影

鼠标按下某个功能按钮后，进行拖动

• 在资源列表中可以删除一个节点
• 在2D对象中可以进行排序
• 在属性列表的文件选择框中可以删除
• 在动作编辑器的“3D移动到”的值文本框中可以获得当前相机位置

这个例子是加载3D模型文件，选择角度展示。
准备工作：
将制作好的3D模型，模型需要是用UV贴图（jpg,png 图片），导出成一个(3ds,dea,a3d)格式，将模型文件与图片文件放置在一个文件夹。
开始制作：

• 打开Flash3D虚拟现实漫游者
• 选择插入 -> 3D导入 ->导入模型...
• 选择已经导出的模型文件
• 通过鼠标拖动，调整位置相机位置，到合适的位置，点击下方“设为默认位置”按钮
• 点击 发布菜单 -> 导出Flash
• 您的第一个作品就完成了，小窍门： 展示商品模型，应该居中在原点位置，这样基本上就不用调整就可直接发布

• 在右侧资源列表中，找到并选中 需要处理的模型。
• 在下侧的属性列表中，找到X坐标，Y坐标等，进行修改
• 在出现的对象控制器上，直接拖动修改（鼠标按下后拖动）。

• 在右侧资源列表中，找到并选中 需要处理的模型。
• 在下侧的属性列表中，找到鼠标感应，设置为false; 完全不响应鼠标事件，同时也会加快运行。
• 此时，此对象在设计、预览、发布展示中都不会响应鼠标的操作

• 在右侧资源列表中，找到并选中 需要处理的模型。
• 在下侧的属性列表中，找到标记一行，修改信息
• 以后可以通过搜索，快速查找

• 在右侧资源列表中，可以使用右键。
• 删除：删除选定对象
• 复制：复制选中的对象，目前只能复制子模型，子模型指模型文件中的子对象
• 子项排序：对自己的子节点进行排序

此例子主要实现的功能：点击图片按钮可以实现对象更换图片，参考商品项目例子。
具体制作步骤如下。

• 导入沙发模型,在软件安装目录下的exp\exp002\FLSafa_images\Safa.a3d
• 导入房间模型,在软件安装目录下的exp\exp002\FLSafa_images\room.a3d
• 选择 插入菜单 -> 2D插入 -> 插入图片 插入一个换图时点击的图片，修改它对应的属性列表中的值
• 感应动画 = 发光
• 动作类型 = 动作
• 动作值 点开 设置
• spinka + 换图 + “选择一个图片文件” +默认
• podushka + 换图 + “选择一个图片文件” +默认
• korpus + 换图 + “选择一个图片文件” +默认
• dnische + 换图 + “选择一个图片文件” +默认
• 一个换图类型按钮完成了，继续设置多个..
• 预览看看效果吧

此例子主要实现的功能：默认自动浏览，对展厅中的图片进行介绍，替换图片等。
此例子可在 菜单 文件->示例项目->展厅项目 打开。
具体制作步骤如下。

• 打开展厅模型,在软件安装目录下的exp\exp001\FLHall_images\Hall.a3d
• 点击键盘模式（键盘模式下的操作， WASD或者方向键操作前后左右，E/C键调高/降低相机），选择一个合适位置，点击下部的“设为默认位置”，那么在打开时首先定位到此处。
• 在右侧的资源列表中选择3D场景, 然后在下部的属性列表中 找到“默认控制模式” 选择键盘 , 然后在属性列表中 找到“鼠标控制显示”,点击直到变成false
• 点击下方的“编辑中，转预览”按钮，预览效果，随便看看
• 点击下方的“预览中，转编辑”按钮，进入编辑模式
• 点击模型中的一个图片（例如选择的是梅花图），然后在属性列表中查找下列各项
• 找到“文字”，随便输入内容，
• 找到“描述”，随便输入内容，
• 找到“动作类型”，选择“详细”。
• 找到“动作值”，选择“该图片的大图”。
• 点击下方的“编辑中，转预览”按钮，预览效果，点击刚才设置描述信息的图片，此时弹出一个详细页面。
• 点击下方的“预览中，转编辑”按钮，进入编辑模式 。
• 接下来我们要修改一个对象的图片：
• 点击模型中的一个图片，然后在资源列表中查找选定项（选定项是红色框选中的）
• 展开它的子项目，选中子项，然后在属性列表中查找下列各项
• 修改贴图的值，选择一个图片。 看到图片被修改了没有？
• 完全清空，请点击右键 选择“清 除”
• 接下来我们要实现初始时候相机自动浏览功能
• 保存相机走动的几个点位。
• 点击右下角键盘模式按钮，相机回到初始位置，
• 点击 下方“保存相机位置” 按钮，保存一个相机位置，
• 顺序游动一圈，在各个拐角处点击 下方“保存相机位置” 按钮,这样我们保存了几个相机位置。
• 然后在资源列表中 选择3D场景，在下部的属性列表查找，如下
• “初始动作”，点击右侧的 ... 进入设置，这是个动作脚本设置
• 依次选择 “相机” + “移动到” +“相机位置1”+“2”+“完成后下一步”
• 添加一行（上方的加号），再 选择 “相机” + “移动到” +“相机位置2”+“2”+“完成后下一步”
• 依次顺序把刚才走动的位置 都设置完成！
• 最后增加一行，“相机” +“循环到第几行”+“1”+后面任意值
• 点击保存图标，进行保存。
• 点击下方的“编辑中，转预览”按钮，预览效果，查看效果
• 案例设置完成，点击菜单　发布->导出Flash.
• 真正发布到网站上时，需要导出时生成的文件 和 他的图片文件夹一起发布

此例子主要实现的功能：各种灯光与各种材质之间的效果。注意灯光材质 应用于模型，那么模型必须有法线数据(Normal),场景中应该有至少一个灯
此例子可在 菜单 文件->示例项目->灯光项目 打开。
系统已经为你准备好了一个小推车的模型，同时预置了一个泛光灯。

具体制作步骤如下。

• 打开灯光项目，在文件菜单->示例项目->灯光项目，或者 导入模型 在软件安装目录下的exp\exp003\Trolley.3DS
• 选中小车中间黄色的区域对象名（Mesh13），给他设置为灯光材质
• 在资源列表中，点开Mesh13,(当一个模型有多个面片的不同贴图是，底下会显示多个图片，这些可以独立设置，而总体设置的话，可以在Mesh13上设置)
• 属性列表中 点击 漫反射图片，弹出属性框 选择一个颜色，点击保存。 目前我们可以选择颜色或者图片，让两周都有是，优先考虑图片
• 属性列表中 修改 材质类型 为 “图片有光”
• 这就是一个灯光的简单示例
• 接下来你可以设置各种图片，或者颜色
• ...
• 换为平行光
• 删除泛光灯，选中泛光灯，在对象控制器上 点击 “X”删除按钮
• 插入-> 3D导入->导入灯光->平行光 看看效果
• 调整灯光的距离，选中灯光（缩小整个界面或者在资源列表中选择平行光）
• 调整属性列表中灯光的x , y , z 坐标
• 调整灯光方向 ，调整 属性列表中目标点位：值应该是x,y,z格式，以英文逗号分隔

此例子主要实现的功能：各种灯光与各种材质之间的效果。同时实现换色。 注意灯光材质 应用于模型，那么模型必须有法线数据(Normal),场景中应该有至少一个灯。
此例子可在 菜单 文件->示例项目->汽车项目 打开。
系统已经为你准备好了一个小车的模型，同时预置了一个泛光灯。

具体制作步骤如下。

• 打开汽车项目，在文件菜单->示例项目->汽车项目，或者 导入模型 在软件安装目录下的exp\exp004\ferrari.3DS
• 选中车壳(body)为他设置环境材质，材质类型“环境有光”，查看属性列表设置对应的值
•   ->  漫反射图片 设置颜色0xCC3300 （可以在最终颜色中输入）
•   ->  反射材质图片 设置颜色0x777777
•   ->  凹凸通道图片 设置颜色0x7F7FFF
•   ->  环境材质图片 设置6张图片，请选择在软件安装目录下的exp\exp004\left.jpg,right.jpg...
•   ->  材质类型 选择为“环境有光”
• 是不是看到一个车壳的效果了。
• ...
• 接下来我们就设置下玻璃，资源列表选择glass
•   ->  漫反射图片 设置颜色0x99000000 （透明度为：153）
•   ->  凹凸通道图片 设置颜色0x7F7FFF
•   ->  环境材质图片 设置6张图片，请选择在软件安装目录下的exp\exp004\left.jpg,right.jpg...
•   ->  材质类型 选择为“环境有光”
• ...
• 接下来我们就设置下轮胎，资源列表选择wheelFL001
•   ->  漫反射图片 设置颜色0xeeeeee
•   ->  凹凸通道图片 设置颜色0x7F7FFF
•   ->  环境材质图片 设置6张图片，请选择在软件安装目录下的exp\exp004\left.jpg,right.jpg...
•   ->  反射材质图片 设置颜色0x999999
•   ->  材质类型 选择为“环境有光”
• wheelFL002，wheelFL003，wheelFL004 同样设置
• ...
• 接下来我们就设置下地面，资源列表选择ground
•   ->  漫反射图片 请选择在软件安装目录下的exp\exp004\FloorMap.jpg
•   ->  材质类型 选择为“图片有光”
• ...
• 至此，大致的情况我们已经制作完成。
• 接下来 我们设置一下阴影
• 资源列表选中灯光，Omni001, 在属性列表中选择阴影应用对象，点开
• 在显示的一串列表中，选择 body 和 glass
• 看看效果，阴影有点毛边，
• 调整 阴影分块 设置512
• 调整 阴影边缘光滑 设置0.4
• 你还可以将其他对象加入阴影中
• 到此一个灯光和 阴影的案例结束
• 如果这样的变换颜色不过瘾，请选择 插入-> 2D导入->导入动画 选择软件安装目录下的ctrl\ChangeColorCtrl.swf
• 然后点击 “编辑中，转预览”，看看控件形式变换颜色

一些输入的地方提供了文本复制功能，可以直接复制内容，加快了操作。

在发布中，可以将场景模型的效果，发布成360度环视浏览效果，将导出的参考网页，加入您自己的网页，就可以直接在线浏览，支持各大主流浏览器，手机浏览器等，同时支持触摸操作。

目前提供两种操作接口：

一种为Flash AS3制作的SWF文件的接口

文件为SWF文件，此类文件被加入后（插入 -> 2D插入 ->2D动画...）就可以调用。（软件安装目录下的ctrl\提供了2个文件，一个是MoverCtrl.swf可以进行鼠标点击移动）
调用规则：首先定义变量 var ByebyerObject:Object; 在Fla （主文档类 public var ByebyerObject:Object; ，或者第一帧中 var ByebyerObject:Object; ） 或者Flex文件的应用AS中public var ByebyerObject:Object;
使用时调用：ByebyerObject.DoInterface(...)获得对象。
使用举例

//按钮点击后 相机 Z轴旋转弧度0.1; 按钮就定义在您的SWF中的，需要使用的地方 btn.addEventListener(MouseEvent.CLICK,test); function test(e:MouseEvent) { ByebyerObject.DoInterface("camera").rotationZ+=0.2; }

目前可调用的参数：

• camera 调用函数：ByebyerObject.DoInterface("camera") 返回相机对象
  可用函数如下：
  ByebyerObject.DoInterface("camera").rotationZ+=0.1; 相机横向转动
  ByebyerObject.DoInterface("camera").rotationX-=0.1; 相机竖向转动
  
• mover 调用函数：ByebyerObject.DoInterface("mover") 返回相机移动控制器
  可用函数如下：
  ByebyerObject.DoInterface("mover").MoveForwardDirect(0.5); 相机前移动0.5
  ByebyerObject.DoInterface("mover").MoveLeftDirect(-3); 相机左移动-3 等于右移3
  ByebyerObject.DoInterface("mover").MoveUpDirect(4); 相机上移4
  
  
• alert 调用函数：ByebyerObject.DoInterface("alert") 返回提示对象
  可用函数如下：
  ByebyerObject.DoInterface("alert").show("hello");提示信息
• object 调用函数：ByebyerObject.DoInterface("object_108") 返回编号为108的对象
  可用函数如下：
  ByebyerObject.DoInterface("object_108").visible=false; 108的对象隐藏
  ByebyerObject.DoInterface("object_108").x=100; 108的对象x位置改变
  
• style 调用函数：ByebyerObject.DoInterface("style") 返回style的对象br> 可用函数如下：
  ByebyerObject.DoInterface("Style").SetStyleByName("body","diffuseMap",Color1.selectedColor);
  需要确保对象名的唯一性（参数为 对象名，漫反射，颜色值）；功能为修改漫反射图片，值可以为颜色值或者图片的网址。

一种为网页、应用程序等，具有可交互功能的对象，制作的SWF文件的接口

预制的函数名为：DoExtInterface；（使用八倍的 load.swf 加载时 请用 DoExtInterfaceLoad） 参数格式为一个字符串 字符串依次为“类型|方法|标志|参数("~")” |竖线分割，其中参数为～分割，其中标志为1或0，0为属性，1为函数
以HTML网页为例子：

<script type=text/javascript>
function thisMovie(movieName)
{

if (navigator.appName.indexOf("Microsoft") != -1)
{
return window[movieName];
}else{

return document[movieName];
}
}
function SetCameraRotationZ()
{
var s="camera|rotationX|0|1.2";//将相机横向转动到一个位置
thisMovie("load").DoExtInterfaceLoad(s);//假定我们定义的swf的ID="load"
//使用八倍的 load.swf 加载时 请用 DoExtInterfaceLoad，
//直接使用内容 swf 请用 DoExtInterface ，thisMovie("load").DoExtInterface(s); //s="mover|MoveForwardDirect|1|2";//将相机横向前移2
//thisMovie("load").DoExtInterfaceLoad(s);//假定我们定义的swf的ID="load"
}

</script>
 

自定义详细描述 是指，制作用户可以自己制作详细描述的展示格式。
1、此功能需要您制作一个展示详细描述的SWF文件。
2、此SWF需要包含的一个可供调用的函数，函数明名格式 如下：
public function CallFromByebyer(tag:String,_params:Object=null)
{
if(tag=="detail")
{
    //您需要呈现的代码
   // _params包含 需要展示对象的id ，label,name，title,desc,param1,param2;  myID 为本身的swf文件在作品中ID
    //引用值举例 text1.text=_params.name;//属性中显示的名称，如为3D对象，那么就是3D对象的模型名称。
    //text1.htmlText=_params.desc;//属性中设置的描述
    //param1 为参数1，param2为参数2
    this.visible=true;
};
}
txt2.text=allParams;
return true;
}
3、将生成的SWF加入项目中，（插入->2D动画）
4、将场景的属性中 的 自定义详细描述 选择为插入的此动画。此时所有点击需要进行详细展示的内容，都会转到您制作的SWF文件来进行展示。
5、预览看效果吧 （如需示例源码，请向客服咨询）

目前支持的格式：3ds,可以通过3dmax 等导出,子模型中文名字会乱码，不支持超过8个字符的文件名，中文文件名会乱码。
目前支持的格式：a3d,需要下载导出插件(http://www.byebyer.com/360/b3d.aspx)。
目前支持的格式：dae,dae格式中文名字不支持，由于各3D软件厂商导出的格式略有不同，不能完全支持， 导出OpenCOLLADA+A3D 的DAE相对比较准确。（导出插件包含在同上的下载包中）

3ds文件导入时，丢失贴图。

3ds格式文件，不支持中文名称的对象名，对象名不超过8位。图片名称也不支持中文名。

编辑时候，选择不到某个对象，老是选择到旁边的对象。

将现在选中的对象进行隐藏，（在属性窗口中将显示设置为false），或者在资源列表中选择。

DAE导入时提示图片找不到。

用文本文件打开DAE文件，然后修改一下其中的图片路径。

3DS无法暂时无法准确导入目标平行光和目标聚光灯。

改为A3D或者DAE 试试

场景太大时，平面图片闪动问题。

平面的图片和背景 空些距离， 同时可以缩小一些场景，场景按照通用（international） 在-1000到+1000之间为适宜。

导出环视网页 出现空白图片。

减少一次导出的图片数量。