纳金网

标题: Demicron WireFusion [打印本页]

作者: 会飞的鱼 时间: 2011-8-30 20:47
标题: Demicron WireFusion
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文件即可。

作者: Asen 时间: 2011-9-5 08:40

标题改一下

作者: 晃晃 时间: 2012-2-1 23:22
提醒猪猪，千万不能让你看见

作者: 晃晃 时间: 2012-2-7 23:19
不错非常经典实用

作者: 奇 时间: 2012-4-13 23:26
长了不少见识

作者: 晃晃 时间: 2012-4-26 23:19
都闪开，介个帖子，偶来顶

作者: C.R.CAN 时间: 2012-6-11 23:24
佩服，好多阿，哈哈

作者: 奇 时间: 2012-7-25 23:27
我就看看，我不说话

作者: tc 时间: 2012-12-1 23:20
再看一看，再顶楼主

作者: C.R.CAN 时间: 2013-3-8 23:50
呵呵，很好，方便罗。

欢迎光临纳金网 (http://go.narkii.com/club/)