基于AS3.0产品虚拟交互展示平台的构建研究

时间:2022-09-12 10:06:35

基于AS3.0产品虚拟交互展示平台的构建研究

摘 要:AS3.0全称ActionScript3.0它是一种主要针对对象的编程语言,可以方便的编写Adobe Flash元件的交互控制及应用程序,通过AS3.0完成的产品虚拟交互展示平台可以快速实现丰富的效果更好的让产品成为Web体验的一个部分,本文对如何运用AS3.0构建产品虚拟平台进行系统的研究。

关键词:AS3.0;虚拟交互;展示平台

如今虚拟现实技术的快速发展以及和网络技术良好的结合,产品的传统实物展示受到时间和空间的约束性非常的大,而通过虚拟交互和网络平台的构建产品展示平台不仅可以在短时间内实现更多客户的浏览,通过交互的功能的实现体验者可以根据自身需求去了解产品的特性。

1 通过Flash构建虚拟前台

通过对数码相机功能的虚拟交互展示的例子,我们可以更好的了解其功能的实现过程。Falsh软件通过其元件、补间动画和遮罩引导等核心功能可以的实现丰富和美化的界面效果。首先通过元件和图片编辑把页面主页设计完成,对位图进行矢量图的转换。其次,通过设置子场景对其功能动画进行设计,用遮罩工具对光线元件进行遮罩,通过对遮罩完成形状补间动画。再次通过flash内设模块对用户的体验界面的数字标杆进行设置,完成三个基本标的杆类型,对页面的文本进行动态文本的设置,预留出产品展示效果的空间。

对库里面的文件和时间轴进行合理的安排为AS3.0的程序编写做好准备。

2 通过AS3.0进行交互功能的实现

当完成场景和多媒体设置之后,产品展示功能已经基本完成,从场景和功能上都可以较好的展示产品了,但是这时候的场景还不能按照体验者的需求进行转换,多媒体设置和按钮控件的功能也没有实现,这阶段的展示还停留在机械性的展示过程,不能按照体验者的意愿进行展示,要完成这项功能就需要用AS3.0进行程序语言的编写。首先,需要对场景进行转换加以设置,在虚拟交互的前台设置了相对应各个场景的按钮,对相对应的按钮进行对象的编写完成控制对应场景的转换,这里使用AS3.0对象的监听事件完成这项工作,对按钮元件进行实名命名,监听程序语言addEventListener(MouseEvent.CLICK,函数名)实现鼠标事件达到鼠标单击完成返回函数的过程,再通过function 函数(event:MouseEvent){goToandPlay()},通过监听事件返回到函数执行函数的跳转命令,这样可以实现按钮对场景的相对应的控制。其次,需要对外部的声音进行加载,通过变量的加载和类对象的设置完成这个步骤

var sy:Sound=new Sound(); var channel1:SoundChannel=new SoundChannel();

var url:String="音乐名称.mp3"; sy.load(newURLRequest("url"));

var SongState:Boolean=true;

this.btn1.addEventListener(MouseEvent.MOUSE_DOWN,PlayState);//播放暂停状态切换事件 this.Unloadbtn.addEventListener(MouseEvent.MOUSE_DOWN,UnloadMotion);//加载器置空事件 function PlayState(e:MouseEvent):void { if (SongState) { channel1 = sy.play(); } else { channel1.stop();//停止播放 } SongState = ! SongState;//切换标志位; } function UnloadMotion(e:MouseEvent):void { channel1.stop();//停止播放 sy=null;//加载器置空; } 。最后,我们需要对实验页面的数字和动态文本、以及相应的图片展示对在做交互的设置,以便更好的完成虚拟交互展示平台的工作,对数字和图片的联系主要通过一系列的判断语句去完成这项工作,通过if(){}else{}的主要格式来控制数字和图片的联系,if(滑竿数字=相应的值&&第二个滑竿数字&&第三个滑竿数值){执行相应的图片动画跳帧并停留在对应帧上}else{不满足以上条件可以继续执行这段代码语言},对不同的数值都进行if语句的判断完成所有数值和图片的联系,这样数值和图片的虚拟互动就全部完成,在通过动态文本比如文本名.TXT等于对应的滑竿数值,把动态文本和滑竿数值联系起来,同时就子页面和主页面之间需要联系的互动性的要求,可以在页面的上方添加按钮通过监听事件完成页面跳转的功能。的完成基本的AS3.0程序语言后产品的虚拟交互平台就基本上完成了,各个子页面的交互功能也都可以到达了,和主页面的交互性也建立起来,这个产品的虚拟交互平台就基本可以实现了。

3 基于网络平台的设置

完成虚拟交互展示平台后,接下来需要把其放置在网络平台上,为了体验的者更好的可以观看到产品的展示,在Flash文件中从“文件”菜单栏中找到“设置”,在其设置面板中将完成虚拟交互展示平台的最后设置。首先,需要对后Flash Player的版本进行设置,在“HTML包容器”类别中对其版本的功能进行测试,为了多数体验者的观看需要对版本的兼容性做好测试。其次,在网络平台上的虚拟交互展示一定要严格的控制其大小,能够做到及保留丰富效果的同时也可以更快更好的在各个终端的显示速度,对其图片的优化那就是必要的步骤了,在图片大小的设置上要达到和文件大小的最适当的一个平衡点,对JPEG的图片品质进行不同数值的测试,最终选择合适的文件大小进行输出。最后,要对声音的同步和AS3.0的代码进行适当的设置和优化,在声音类型中需要保证声音的类型属于数据流类型,以保证声音于时间轴的完全同步,在完成“HTML包容器”里面“覆盖声音设置”,这可以创建一个体积较小保真较好版本的生产文件。接着对AS3.0代码进行检测,删除多余的错码和优化代码的格式,以便代码语言给好更快在网页中运行。

结语

产品虚拟交互展示平台的完成对产品的展示和宣传都带来极大的方便,结合网络平台的,体验者可以不受时间和空间的限制随时可以方便快捷的了解产品的特性,通过AS3.0针对对象的语言代码编写,可以更好的让体验者感觉到人机交互的方便,体验者不用在繁琐的的信息中去慢慢选择自己想了解的信息,通过按钮和元件的控制体验者可以很快的就找到自己想要了解的信息,在虚拟展示平台中运用了多媒体的技术,并对其基本的交互功能进行了代码控制,当体验者无法进行阅读的时候可以通过语音提示和产品动画去了解产品的功能。

参考文献

[1]李四达.交互设计概论[M].清华大学出版社.2009.??

[2]王愉.Flash ActionScript3.0溢彩编程[M].清华大学出版社.2010.

上一篇:性别与运笔特征的关系研究 下一篇:浅析重金属废水污染及其治理技术