flex4使用gsap实现鼠标点击一次就多一个随机移动的小球
时间: 2023-07-15 11:09:56 浏览: 193
随机移动的小球
首先需要安装GSAP库。然后可以按照以下步骤实现鼠标点击一次就多一个随机移动的小球:
1. 创建一个 Flex 项目,并在项目中引入 GSAP 库。
2. 创建一个自定义组件 Ball,用于绘制小球。
```actionscript
package {
import flash.display.Sprite;
public class Ball extends Sprite {
public function Ball(radius:Number = 10, color:uint = 0xff0000) {
graphics.beginFill(color);
graphics.drawCircle(0, 0, radius);
graphics.endFill();
}
}
}
```
3. 在主应用程序中创建一个容器来存放小球,并添加鼠标点击事件监听器。
```actionscript
import com.greensock.TweenMax;
import com.greensock.easing.Back;
import flash.events.MouseEvent;
private var container:Sprite;
private function init():void {
container = new Sprite();
addChild(container);
stage.addEventListener(MouseEvent.CLICK, onClick);
}
private function onClick(e:MouseEvent):void {
var ball:Ball = new Ball();
container.addChild(ball);
ball.x = stage.mouseX;
ball.y = stage.mouseY;
TweenMax.from(ball, 1, {x:Math.random() * stage.stageWidth, y:Math.random() * stage.stageHeight, ease:Back.easeOut});
}
```
4. 在 onClick 方法中创建一个新的 Ball 对象,并将其添加到容器中。然后使用 TweenMax 库的 from 方法对小球进行动画处理,使其从初始位置移动到随机位置。
5. 运行程序,测试鼠标点击一次就多一个随机移动的小球的效果。
阅读全文