WireFusion基础教程按钮控制交互.pdfVIP

WireFusion 基础教程 Demicron WireFusion 基础教程之按钮交互制作 Web3D 中文站（ ） 一、WireFusion 基础教程之按钮制作，首先我们需要准备一下的素材； 1、交互按钮的初始和鼠标按下两种状态图片，共计8 张，复位按钮初始状态和按钮按下两种状 态图片共计2 张。 2 、一个用于交互的三维数据对象，此处我们使用 Max 自带茶壶（本节教程重在表现功能，所 以就不提供复杂的模型了）这个茶壶模型我们在max 里已经预定义了一个摄像机camera01 用以 做复位的默认相机。 3、打包下载 二、WireFusion 中设置按钮控制交互 1、打开WireFusion 添加设置场景的属性 Project>Properties;设置参数如下图； - 1 - WireFusion 基础教程 4 、添加一个三维对象；Objects>3D>3D Scene 或者你也可以通过右侧的库里面直接拖拽 3D Scene 到场景内，还可以通过在场景内右键选择3D Scene 等多种方式，如图 5、对3D Scene 的一些基本设置如图； 6、添加一个Image 对象作为三维场景的背景图，Objects>Multimedia>Image 在层级面板（Layers ） - 2 - WireFusion 基础教程 下把Image 层级拖拽到3D Scene 下层做为背景层存在。如图； 7、添加一个向上的交互按钮，Objects>Widgets>Button; 勾选 Advanced Mode ，在 Up 选项下选择 Change Graphics 选择up1.png 图片在Down 选项下勾选Enable 选项，选择Change Graphics 选 择up2.png 作为鼠标按下状态图片选择Ok 按钮设置完毕，调整按钮的位置与背景层上的对应按 钮位置重合，其他三个方向上的按钮以及复位（reset ）按钮做法相同，请一一完成。 8、对按钮进行命名，一次是 “up ”“down ”“left ”“right ”“reset ”把五个按钮的Repeat rate 参数设 置成50 或其他的数值，用来调节点击控制三维对象的速度。 9、设置按钮与3D Scene 之间的通信链接， “Up”>Out-ports>Button Cliched 到 “3D Scene 1 ”>In-ports>Navigation>Rotate> －X - 3 - WireFusion 基础教程 “down”>Out-ports>Button Cliched 到 “3D Scene 1 ”>In-ports>Navigation>Rotate> X “left”>Out-ports>Button Cliched 到 “3D Scene 1 ”>In-ports>Navigation>Rotate> －Y “right”>Out-ports>Button Cliched 到 “3D Scene 1 ”>In-ports>Navigatio