首页|行业资讯|企业名录|周边产品|数字城市|增强现实|工业仿真|解决方案|虚拟医疗|行业仿真|图形处理|军事战场
资讯首页
行业资讯 >> 学习教程>>正文
Cult3d案例实战:制作网页交互笔记本电脑
2010年9月9日    评论:    分享:

    来源:互联网
    作者:未知

     在这个案例中,我们使用Cult3d实现三维网页的制作,实现web3d的虚拟笔记本现实和交互,主要是实现以下功能:

    1、模型的建立和输出

    2、加入电脑盖子开合的交互事件

    3、加入电池移动的交互事件

    4、加入打开显示器的交互事件

    5、加入播放声音的交互事件

    6、加入热区提示(tooltip)

  Cult3d主要运用于互连网上作三维产品的全方位交互展示。本练习通过给一个笔记本电脑模型加入交互事件,讲解Cult3d主要事件与action行为的使用方法。

  1、模型的建立和输出

  在3d studio MAX中建立了如下模型。

    模型分为单独的几个部分:

  机身、盖子、电源开关、按钮1、按钮2、电池、屏幕1、屏幕2。屏幕2具有电脑桌面贴图。通过显示、隐藏该对象表现出开机和关机屏幕状态。

Web3D案例实战:Cult3d制作网页交互笔记本电脑

    因为要设置盖子的旋转,调整局部坐标轴到旋转的轴心位置(如图)。

Web3D案例实战:Cult3d制作网页交互笔记本电脑

    →链接屏幕1、屏幕2到盖子上成为盖子的子物体。

    →将所有物体成组,命名为“笔记本电脑”。

    →输出为C3D文件。

Web3D案例实战:Cult3d制作网页交互笔记本电脑

    2、加入电脑盖子开合的交互事件

    →打开Cult3D Designer。

    →从File-->add Cult3D Designer file导入建立的C3D文件。

  在Scene Graph窗口显示场景的各对象与层级结构。render窗口显示了模型的形状。

Web3D案例实战:Cult3d制作网页交互笔记本电脑

Web3D案例实战:Cult3d制作网页交互笔记本电脑

  现在让我们为该场景加入交互事件

  a.拖动鼠标旋转物体

    →加入一个WorldStart事件于Event Map上。

    →从Actions窗口拖动Arcball行为到WorldStart事件上。

    →从Scene Gragh窗口拖动笔记本电脑对象到Arcball行为上。

  Event Map如图所示  

Web3D案例实战:Cult3d制作网页交互笔记本电脑

  此时在render窗口中就可以拖动鼠标进行旋转物体操作了

    b.关闭盖子

    →加入一个Left Mouse click on object事件于Event Map上。

    →从Actions窗口拖动Rotation XYZ行为到ObjectLClick_1事件上。

    →拖动盖子对象于Rotation XYZ行为上。

    →拖动盖子对象于ObjectLClick_1事件上。

    →双击Rotation XYZ行为,键入在X轴旋转90(度),时间1000(毫秒)。

Web3D案例实战:Cult3d制作网页交互笔记本电脑

  Event Map如图所示

Web3D案例实战:Cult3d制作网页交互笔记本电脑

  在render窗口运行。

  点击盖子对象,盖子自动旋转90度合上。这时如果再次点击盖子,盖子会接着再次旋转穿过机身。所以现在必须使点击盖子的事件不可用。

  c.使用Deactivate event行为使点击盖子旋转事件不可用

    →从Actions窗口拖动Deactivate event行为到ObjectLClick_1事件上。

    →右击Deactivate event行为选择Parameters打开选择事件窗口。

    →在左方列表点选ObjectLClick_1事件,点击Add,再点击OK。

  Event Map如图所示


  再次运行。点击盖子,盖子旋转一次后就不再接受点击事件。

    d.打开盖子

  这次要使关闭盖子后,再次点击打开。

    →加入一个Left Mouse click on object事件于Event Map上。

    →从Actions窗口拖动Rotation XYZ行为到ObjectLClick_2事件上。

    →拖动盖子对象于Rotation XYZ行为上。

    →双击Rotation XYZ行为,键入在X轴旋转-90(度),时间1000(毫秒)。

  此时运行发现点击盖子并不能使之转动,因为两个事件相冲突。我们要使ObjectLClick_2事件在一开始时不可用,盖子关闭后才可用。

    →右击ObjectLClick_2事件图标将Intial Activation(初始可用)去掉。

    →从Actions窗口拖动Activate event行为到ObjectLClick_1事件上。

    →拖动ObjectLClick_2事件到刚才的Activate event行为上。

  Event Map如图所示

Cult3d案例实战:制作网页交互笔记本电脑

  这回运行发现,盖子合上之后点击再打开,但是再点击盖子仍然向后继续旋转。我们要使盖子打开后再点击关上。

  e.循环开合盖子

    →拖动一个Deactivate event行为到ObjectLClick_2事件上。

    →右击Deactivate event行为选择Parameters打开选择事件窗口。

    →在左方列表点选ObjectLClick_2事件,点击Add,再点击OK。

    →拖动一个Activate event行为到ObjectLClick_2事件上。

    →拖动ObjectLClick_1事件到ObjectLClick_2事件上。

  Event Map如图所示

Cult3d案例实战:制作网页交互笔记本电脑

    完成、运行、测试。

 

标签:Cult3dWeb3D教程
上一篇:沈阳建筑大学3D立体多功能影视会议厅
下一篇:Cult3d发布三维互联网web3d作品代码
网友评论:Cult3d案例实战:制作网页交互笔记本电脑
评论
留名: 验证码:
您可能还需要关注一下内容:
·Unity3d 基础特效教程-下雨
·Mozilla打造基于Web技术的虚拟现实网站MozVR
·错过移动浪潮,Mozilla再战基于网页的虚拟现实
·虚拟现实技术在光学实验教学中的应用
·全球电商关注虚拟试衣 网上试衣间渐成现实
·unity3d导入资源工作流程[编译]
·云三维电子商务三维互联网解决方案
·ARToolKit教程:摄像头和标识关系
·ARToolKit教程:跟踪稳定性
·ARToolKit教程:开发第一个程序
☏ 推荐产品

Ladybug5全景
商家:力方国际

ProJet®
商家:力方国际

ProJet®
商家:视科创新

Premium1.5
商家:视科创新

巴可HDX主动立体投
商家:德浩科视

巴可HDF-W26投
商家:德浩科视

巴可30000流明2
商家:德浩科视

巴可4万流明2K投影
商家:德浩科视
☞ 外设导航
☏ 企业名录
【广州】中科院广州电子技术有限公司
【北京】第二空间(北京)科技有限公司
【北京】幻维世界(北京)网络科技有限公司
【厦门】厦门惠拓动漫科技有限公司
【厦门】厦门幻眼信息科技有限公司
【深圳】深圳南方百捷文化传播有限公司
【北京】北京思源科安信息技术有限公司
【上海】上海殊未信息科技有限公司
【北京】北京赢康科技开发有限公司
【武汉】武汉科码软件有限公司
友情链接 关于本站 咨询策划 行业推广 广告服务 免责声明 网站建设 联系我们 融资计划
北京第三维度科技有限公司 版权所有 京ICP备09001338
2008-2016 Beijing The third dimension Inc. All Rights Reserved.
Tel:010-57255801 Mob:13371637112(24小时)
Email:d3dweb@163.com  QQ:496466882
扫一扫 第三维度
官方微信号