[WireFusion] Demicron WireFusion

[复制链接]

会飞的鱼

5552 主题	2 听众	8万积分

首席设计师

Rank: 8 Rank: 8

纳金币: -1
精华: 11

电梯直达

楼主

发表于 2011-8-30 20:47:16 |只看该作者 |倒序浏览

web3D中文站（www.web3d.com.cn）

一、WireFusion 基础教程之通过javas cript实现改变材质贴图制作，首先我们需要准备一下的素材；
1、应于更换的材质图片三张。
2、一个用于交互的三维数据对象，此处我们使用软件自带的一个Box模型（本节教程重在表现功能，所以就不提供复杂的模型了）。
3、打包下载
二、WireFusion通过javas cript实现改变材质贴图
1、打开WireFusion 添加设置场景的属性 Project>

roperties;设置参数如下图；

2、添加一个三维对象；Objects>3D>3D Scene 或者你也可以通过右侧的库里面直接拖拽3D Scene到场景内，还可以通过在场景内右键选择3D Scene等多种方式，如图

3、对3D Scene的一些基本设置如图，一定要勾选Show Property In-ports这个选项，是为了更换贴图提供一个接口；

4、添加一个Texture Array对象用来改变三维场景的贴图，Objects>3D>Texture Array 如图；

5、 Add Image 添加更换的贴图图片，依次点击Add Image添加，设置Fade time（贴图过渡的时间）为1秒，如图。

6、添加一个External Link对象用来实现通过javas cript来改变三维场景的贴图，Objects>Environment>External Link，设置link类型和名字如图；

7、设置External Link、Texture Array与3D Scene之间的通信链接，
l       “External Link”>Out-ports>Number received 到 “Texture Array”>In-ports>push Texture
l       “Texture Array”>Out-ports>Texture Pushed 到 “3D Scene 1”>In-ports>Objects>Box01> Texture

8、设置好链接后选择发布，注意发布的时候名称一定要修改成一个自己定义的名字，默认的javas cript必须改掉，不然容易混淆ie调用的javas cript，如图；

9、发布后会得到如图的几个文件和文件夹；

10、编辑change.html文件，你可以通过网页编辑软件Dreamweaver，你也可以直接用记事本打开change.html文件，在合适的位置加入如下代码：
<form name=myTextureLinkForm>
      <select name="myTextureLinkForm" onChange="document.change.send('myLink',value)">
      <option value="0">Texture 1</option>
      <option value="1">Texture 2</option>
      <option value="2">Texture 3</option>
      </select>
   </form>
   红色部分为需要注意的地方，一定要设置为你在WireFusion中设置的变量名称。然后保存这个html文件即可。