[初阶教程]利用Dreamweaver实现Virtools发布作品

[复制链接]

Asen

867 主题	0 听众	1万积分

外协人员

Rank: 7 Rank: 7 Rank: 7

纳金币: 17488
精华: 1

电梯直达

楼主

发表于 2011-9-3 07:57:01 |只看该作者 |倒序浏览

Ins***ction:利用Dreamweaver实现Virtools发布作品的播放时播放，暂停，复位功能:

Building Block:

*[BB] Rotate（3D Transformation/Basic）

JavaScript:

function PlayFunc()

{ var cmd = “Play”

var res = document.VirtoolsATL.DoCommand(cmd); }

function PauseFunc()

{ var cmd = "

ause";

var res = document.VirtoolsATL.DoCommand(cmd); }
function ResetFunc()

{ var cmd = "Reset";

var res = document.VirtoolsATL.DoCommand(cmd); }

HTML:

<a href="#" OnClick="

layFunc();return ***e;"> Play </a>

<a href="#" OnClick="

auseFunc();return ***e;"> Pause </a>

<a href="#" OnClick="ResetFunc();return ***e;"> Reset </a>
制作步骤：
一．素材建立


         a) 第一步我们先从Virtools默认的资源库（Virtools Resources）里添加一个Cube.nmo场景进去








         b) 调整场景视角，让Cube在3D Layout窗口中最大化显示，并为场景添加一台摄影机








         c) 为Cube制定一个IC初始状态








         d) 给Cube新增加脚本








         e) 双击Cube Script，进入其脚本编辑区






         f) 添加Rotate BB（3D Transformation/Basic），到Cube的脚本编辑区里，并给Rotate做循环








         g) 设定3D Layout中Screens Size屏幕大小








         h) 将这个Composition发布成网页，Window Size输入成800*600，并将Save As Cmo选项叉选。









         二．在Dreamweaver中编辑HTML源代码
         a) 选择发布后的网页，鼠标右击，选择使用Dreamweaver编辑













         b) 给<head>标签添加JavaScript








         c) 在Div标签内嵌入Object标签，Object的属性和参数值如图：








         d) Play，Pause，Reset按钮，及触发事件的定义如图：








         e) 测试播放