open in new window | flash version

Demos : Mouse Events

Graphics Bitmaps EnterFrame Event Mouse Events Multitouch Keyboard Events Rendering Text Color Transform Custom Classes Playing Video Box2D Bézier Pseudo 3D Real 3D Water Surface Plasma Mandelbrot BunnyMark Tweener Spritesheet Resizable UI

Code:

<html>
<head>
     <script type="text/javascript" src="//lib.ivank.net/ivank.js"></script>
     <script type="text/javascript">
          var stage, p = new Point(0,0), cur = null;
          
          function Start()
          {
               stage = new Stage("c");
               
               var bd = new BitmapData("ball.png");
               for(var i=0; i<20; i++)
               {
                    var b = new Bitmap(bd);
                    b.x = Math.random()*900;
                    b.y = Math.random()*500;
                    b.buttonMode = true;
                    b.alpha = 0.7;
                    stage.addChild(b);
                    
                    b.addEventListener(MouseEvent.MOUSE_OVER, onMOv);
                    b.addEventListener(MouseEvent.MOUSE_OUT , onMOu);
                    b.addEventListener(MouseEvent.MOUSE_DOWN, onMD );
                    b.addEventListener(MouseEvent.MOUSE_UP  , onMU );
               }
               stage.addEventListener(MouseEvent.MOUSE_MOVE, onMM );
          }
          
          function onMOv(e){ e.target.alpha = 1.0; }
          function onMOu(e){ e.target.alpha = 0.7; }
          function onMD (e){ cur = e.target; p.x = cur.mouseX; p.y = cur.mouseY; }
          function onMU (e){ cur = null; }
          function onMM (e)
          {
               if(cur == null) return;
               cur.x = stage.mouseX - p.x;
               cur.y = stage.mouseY - p.y;
          }
     </script>
</head>
<body onload="Start();"><canvas id="c"></canvas></body>
</html>