[WireFusion] 【转】WireFusion 按钮改变材质贴图

[复制链接]

晃晃

1023 主题	3 听众	359 积分

设计实习生

Rank: 2

纳金币: 335582
精华: 0

电梯直达

楼主

发表于 2011-8-8 08:15:08 |只看该作者 |倒序浏览

一、WireFusion 按钮改变材质贴图的制作，首先我们需要准备一下的素材；
1、

已经在max制作好的模型文件，此例我们选择一个内衣的三维模型已赋予了一个材质贴图bra_06_C_yellow.jpg输出为underclothes.WRL文件；

2、

作为内衣更换的贴图四张；作为交互的按钮图五张，背景图一张；
3、

素材源文件下载

4、预览效果地址

二、WireFusion按钮改变材质贴图

1、

打开WireFusion 添加设置场景的属性 Project>

roperties;设置参数如下图；

2、

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

3、

对3D Scene的一些基本设置如图，选择Object下；勾选Show Property In-Ports及Texture的指认如图；

4、

设置贴图类型的显示效果及物体的阴影效果，设置参数如图，可根据自己的要求调节参数；确定后进入WireFusion主界面。

5、

添加5张作为按钮交互的自定义图片Multimedia下的Image及5个Data下的Number，如图。

6、

Image的图片依次导入5张按钮背景图button_yellow.jpg；button_blue.jpg；button_green.jpg；button_purple.jpg；button_red.jpg排列到自己满意的位置如图；

7、

5个Numbler对应的Value参数设置为0～4；Number1对应的Value参数为0，Number2对应Value参数为1，依此类推如图；

8、

添加一个Texture Array，依次添加5张作为更换的贴图，对应按钮，从0～4依次为；bra_06_C_yellow.jpg；bra_06_C_blue.jpg；bra_06_C_green.jpg；bra_06_C_Purple.jpg；bra_06_C_red.jpg，设置贴图更换缓冲的时间为0.5秒，如图

9、

设置Image与 Number之间的通信链接，Number与Texture Array之间的通信链接。

l

“Image1”>Out-ports> Mouse Events> Mouse Press

到 “Number1”>In-ports>push Value

l

“Image2”>Out-ports> Mouse Events> Mouse Press

到 “Number2”>In-ports>push Value

l

……

l

“Number1”> Out-ports> Value Pushed 到 Texture Array>In-ports>push Texture

l

“Number2”> Out-ports> Value Pushed 到 Texture Array>In-ports>push Texture

l

……

l

依此类推；如图

10、

设置Texture Array与3D Scene之间的通信设置，如图；

l

“Texture Array”>Out-ports>Texture Pushed 到 “3D Scene”>In-ports>Objects>Object_0 >Texture；

11、

添加一张背景图片作为场景的背景图，Multimedia下的Image，选择bg.jpg作为场景背景图片，把背景图层拖拽到场景层的最下方，如图；

12、

测试发布，如果对速度不满意可以到Progressor对象属性面板的Time Interval (seconds)选项设置播放时间，达到自己满意位置；

到这里一个基本的通过按钮控制材质贴图更换的教程就介绍到这。