我的订单|我的收藏|我的商城|帮助中心|返回首页
虚拟现实新闻>VR>行业资讯>培训教程

Cult3D教程之对象与网页脚本的交互

文章来源:互联网 作者: 发布时间:2012年04月25日 点击数: 字号:

    来源:互联网

    这里我们将描述Cult3D的脚本特征,以及如何在网页中使用脚本与Cult3D对象的交互操作,通过交互我们可以在用户选择了正确的答案后开始一段动画,或者按用户的选择改变物体的颜色,等等。当Cult3D运行在Netscape Communicator和Microsoft Internet Explorer浏览器下时在调用方面是有区别的,这里我们都将说明。

     Navigator使用JavaScript (JS)和Cult3D插件通讯,在Windows下则是使用ActiveX 技术。事实上,无论是Netscape的插件,还是Internet Explorer的插件,Cult3D浏览器都是一个ActiveX组件。

  ActiveX组件脚本语言是Microsoft Visual Basic Script (VBS)。JS和VBS在语法上有细微的差别,这就是我们为什么制作"Cult3D.js"的原因。你只要在网页内使用JS脚本就可以了,因为JS脚本可以被Internet Explorer和Netscape执行。我们推荐使用JS脚本,除非你使用的是不支持JS脚本的Internet Explorer(Windows 9x/NT)。VBS不被非Windows操作系统支持。

  Cult3D事件

    当条件满足的时候就触发一个事件,有下列四种事件可能发生:

    1. the scene is loaded场景被引导

    2. the complete object is loaded场景引导完成

    3. the object is invalid or missing对象非法或者丢失

    4. custom messages created by the designer通过Cult3D Designer定制的消息

    当事件被触发的时候,它可以激活网页脚本,假如网页脚本没有包含激活事件句柄,该事件将被忽略。

    事件: OnSceneLoaded

    当有适当的信息启动场景的时候Cult3D浏览器触发该事件, 这时Textures和cursors可能还没有被引导完成。

    Netscape示例:

    <EMBED
        NAME="对象名称"
        PLUGINSPAGE="http://www.cult3d.com/newuser/index.html" 
        SRC="yourobject.co"
        WIDTH="400"
        HEIGHT="300"
        ONSCENELOADED="(‘OnSceneLoaded被触发’)"
     </EMBED>

    事件: OnLoadFinished

    当文件下载并解压完成的时候Cult3D浏览器触发该事件。

  Netscape示例:

    <EMBED
        NAME="Cult3D"
        PLUGINSPAGE="http://www.cult3d.com/newuser/index.html"
        SRC="yourobject.co"
        WIDTH="400"
        HEIGHT="300"
        ONSCENELOADED='document.embeds["Cult3D"].triggerEvent("事件名称")'>
    </EMBED>

   事件: OnLoadAborted

    当文件下载错误或者对象不存在时Cult3D浏览器触发该事件。

    事件: OnSendMessage

  当Cult3D浏览器接收到通过Cult3D Designer指定的“Send Message to Host”动作被激活或者由Java程序调用时触发该事件,返回的消息可以用 “getLastMessage()接收。

    示例:Internet Explorer下使用的JavaScript代码:

    <SCRIPT LANGUAGE="javascript">

       <!--function OnLoadFinished()

      {// 在这里插入需要代码}//-->

    </SCRIPT>
    <SCRIPT LANGUAGE=javascript FOR=Cult3D EVENT=OnLoadFinished>

    <!--// 调用指定的方法OnLoadFinished()//-->

    </SCRIPT>

     <OBJECT id=Cult3Dclassid="clsid:31B7EB4E-8B4B-11D1-A789-00A0CC6651A8" width=192 height=192>

        <PARAM NAME="SRC" VALUE="Test.co">>

    </OBJECT>

    Internet Explorer下使用的VBScript代码:

    <SCRIPT LANGUAGE="vbscript">

       <!--Sub Cult3D_OnLoadFinished()
         '在这里插入需要代码

        End Sub-->

     </SCRIPT>

     <OBJECT id=Cult3Dclassid="clsid:31B7EB4E-8B4B-11D1-A789-00A0CC6651A8" width=192 height=192>

        <PARAM NAME="SRC" VALUE="Test.co">

     </OBJECT>

  尽管Microsoft Internet Explorer支持VBScript脚本,但为了方便期间我们仍然推荐使用JavaScript脚本。Netscape Communicator下使用的JavaScript代码:

    <SCRIPT LANGUAGE=”javascript”>

        <!--function OnLoadFinished()

           {// 在这里插入需要代码}//-->

    </SCRIPT>

    <EMBED NAME=Cult3DPLUGINSPAGE="http://www.cult3d.com/newuser/index.html"SRC="Test.co"WIDTH="192" HEIGHT="192"ONLOADFINISHED="OnLoadFinished()">

    </EMBED>

    JavaScript 方法

    在网页上可以通过以下的方法控制Cult3d object对象

    Netscape:object.setAntiAliasing(mode)object.getAntiAliasing()Internet Explorer:object.AntiAliasing

  该方法使网页可以设置Cult3D物体的抗锯齿模式,当使用软件渲染时抗锯齿属性可以被改变,它有三种不同的值:

    0  自动模式,可以通过设定“ANTIALIASINGDELAY”时间值来指定发生的时间间隔;但场景中有物体移动时,抗锯齿属性将被禁止,以保证场景演示速度。

    1  disable禁止

    2  enable答应

    参看“ANTIALIASING” 参数。

    Netscape:object.setAntiAliasingDelay(delay)object.getAntiAliasingDelay()Internet Explorer:object.AntiAliasingDelay

  该属性使网页通过设定“ANTIALIASINGDELAY”时间值来指定自动抗锯齿发生的时间间隔,抗锯齿延迟仅仅当使用软件渲染时可以被改变,请参看“ANTIALIASINGDELAY”。

    Netscape:object.triggerEvent(name)Internet Explorer:object.TriggerEvent(name)

  该方法触发一个命名的目标事件,并返回一个布尔值,当Cult3D发现该目标事件时返回为真(True)。

  Netscape示例:

    var Cult3D = document.embeds[“Cult”];
    var triggered = Cult3D.triggerEvent(“MoveClock”);

     if (!triggered)alert("Event没有找到!");

    Netscape:object.getVersion()

    Internet Explorer:object.Version该方法返回Cult3D浏览器版本号。

     Netscape示例:var Cult3D = document.embeds["Cult"];var CultVersion = Cult3D.getVersion();window.alert("Cult3D version " + CultVersion)Netscape:object.getLastMessage()Internet Explorer:object.LastMessage

  该方法接收到通过Cult3D Designer指定的“Send Message to Host”动作激活时发送的最新消息。假如消息为空,它也将被设置为空。

    Netscape:object.getFrame()Internet Explorer:object.Frame

    该方法返回Cult3D对象的当前帧数,随着渲染时间,它是逐渐变大的。

    Netscape:object.setFocus()Internet Explorer:object.Focus

  该方法设置Cult3D对象的键盘焦点,可以不通过用户单击Cult3D对象,手动将当前网页的键盘焦点设置到Cult3D对象上。该方法对Internet Explorer可以强制性的每时每刻使用户都可以使用键盘与Cult3D对象交互,该方法Netscape不适用,因为Netscape自动将键盘焦点都设置到嵌入的Cult3D对象上了。假如你不使用该属性,用户使用键盘操作Cult3D对象时可能没有反应。

    Netscape:object.getActionStatus(name)Internet Explorer:object.GetActionStatus(name)

    该方法返回指定事件的动作状态,它的返回值:

    -1  事件名称没有找到

    0  事件没有执行

    1  事件已经执行

   Netscape示例:

    var Cult3D = document.embeds["Cult"];
    var status = Cult3D.getActionStatus("OpenDoor");
    if (status == -1)
       alert("Event没有找到!");
    else if (status == 1)
              Cult3D.triggerEvent("CloseDoor");
         else
              Cult3D.triggerEvent("OpenDoor");

    Netscape:object.triggerAction(name,action)Internet Explorer:object.TriggerAction(name,action)

  该方法发送带参数的消息给Cult3D Java事件,不同于不带参数的“triggerEvent”方法。该动作参数必须是字符串,假如Cult3D发现该Java事件,其返回值为真。

  Netscape示例:

    var Cult3D = document.embeds["Cult"];

     var triggered = Cult3D.triggerAction("SetClock", "" + new Date().getTime());

     if (!triggered)

       alert("Event没有找到!");

     Netscape example使用JavaScript 代码示例:

      <HTML>
      <HEAD>
      <TITLE>Netscape example</TITLE>
      <SCRIPT LANGUAGE="JavaScript">
      <!--function OnLoad()
      {
       document.frm.txt.value = "物体引导!";
       document.embeds[“Cult3D”].triggerEvent(“Start”);

       }
       function OnAbort()
       {
       document.frm.txt.value = "文件非法或丢失!";
       }

      function OnScene() {document.frm.txt.value = "正在引导,请等待...";}//-->
      </SCRIPT>

     <BODY>

     <EMBED
        NAME=Cult3DPLUGINSPAGE="http://www.cult3d.com/newuser/index.html"SRC="Test.co"
        WIDTH="400"
        HEIGHT="300"
        ONSCENELOADED="OnScene()"
        ONLOADABORTED="OnAbort()"
        ONLOADFINISHED="OnLoad()">
     </EMBED>
        <FORM ID=frm NAME=frm>Result: <INPUT NAME=txt TYPE="TEXT" SIZE=30></FORM>
    </BODY></HTML>

  • 暂无资料
  • 暂无资料
  • 暂无资料
  • 暂无资料
  • 暂无资料