阳光VIP

少壮不努力,老大徒伤悲。平日弗用功,自到临期悔。
  博客园  :: 首页  :: 新随笔  :: 联系 :: 订阅 订阅  :: 管理

多媒体交互应用基础(1)

Posted on 2012-02-17 19:58  阳光VIP  阅读(141)  评论(0编辑  收藏  举报

As 3.0 提供了很好交互使用,如果习惯了As2.0 的话,再转换到As3.0 的确有时候会转换不过来,事实上仔细想想,这些还是由原来的基础演变过来的程序,思想还是没有变化的。

Flash 有一很好的用途很多人都喜欢用他来制作多媒体。flash 的优势也很明显,只要稍稍知道他的一些应用,说不定你也会成为一个高手

好,我们尝试一些简单的交互效果吧。第一次我们尝试一些最简单的操作,利用鼠标点击一个按钮。

问题一: 做一个用鼠标点击按钮的行为,在输出面板输出“你点击了我”

步骤:一,在场景创建一个按钮,在属性面板改名:Btn

            二,新建一个类名,Example.as

           

  1. package 
  2. {
  3.     import flash.display.MovieClip;
  4.     import flash.events.*;
  5.     import flash.display.SimpleButton;
  6.     public class Example extends MovieClip
  7.     {
  8.         public function Example()
  9.         {
  10.           Btn.addEventListener(MouseEvent.CLICK,onClick);
  11.         }
  12.         
  13.         private function onClick(e:MouseEvent):void
  14.         {
  15.            trace("你点击了我");
  16.         }
  17.     }
  18. }

第一个鼠标的交互我们已经完成了,看看这段不足20行代码的程序,我们可以发现到当我们用鼠标点击了按钮的时候,然后在输出面板里面输出我们想要的结果。好了,既然我们知道了点击鼠标后可以发生这样的效果,那么我们只是需要改变一些里面的行为就能够实现更多更好的交互效果。

问题二:当我们点击了鼠标后,让一个对象产生位置变化

 步骤:一,在原有的基础上,我们在场景里面添加一个为mc的影片剪辑。在属性面板里面写上mc

 

  1. package 
  2. {
  3.     import flash.display.MovieClip;
  4.     import flash.events.*;
  5.     import flash.display.SimpleButton;
  6.     public class Example extends MovieClip
  7.     {
  8.         public function Example()
  9.         {
  10.           Btn.addEventListener(MouseEvent.CLICK,onClick);
  11.         }
  12.         
  13.         private function onClick(e:MouseEvent):void
  14.         {
  15.             mc.x=50;
  16.         }
  17.     }
  18. }

 

看到上面,只是改变了onClick里面的内容,当使用鼠标点击的时候,mc的x坐标发生了移动效果,

假设开始的时候,是100,当点击后,x的属性发生了改变。这里是我们其中知道一点。如何改变对象的属性产生更多交互效果。

继续我们下面的其他问题。

 

问题三:当我们点击了鼠标后,让一个对象产生大小缩放

步骤:我们不改变什么,直接改变影片剪辑里面的scaleX属性scaleY属性

 

  1. package 
  2. {
  3.     import flash.display.MovieClip;
  4.     import flash.events.*;
  5.     import flash.display.SimpleButton;
  6.     public class Example extends MovieClip
  7.     {
  8.         public function Example()
  9.         {
  10.           Btn.addEventListener(MouseEvent.CLICK,onClick);
  11.         }
  12.         
  13.         private function onClick(e:MouseEvent):void
  14.         {
  15.             mc.scaleX=0.5;
  16.             mc.scaleY=0.5;
  17.         }
  18.     }
  19. }

从这里我们可以了解到交互一些简单效果,通过鼠标来改变其他对象一些属性或者让其他对象产生一些效果。这些就是我们尝试制作多媒体交互效果的第一步。除了鼠标Click 的效果,同样我们还有鼠标按下的时候,鼠标移动的时候,鼠标滚动的时候,这些这些是我们通过鼠标进行一些简单交互效果的基础。