Adobe Animate情人节动画人物表白代码加运行效果
时间: 2023-06-26 09:04:05 浏览: 201
以下是一个简单的Adobe Animate情人节动画人物表白代码:
```
// 创建一个文本框来输入动画中的消息
var messageInput = new TextField();
messageInput.type = "input";
messageInput.border = true;
messageInput.borderColor = 0xFF0000;
messageInput.x = 50;
messageInput.y = 50;
addChild(messageInput);
// 创建一个按钮来触发表白动画
var startButton = new SimpleButton();
var startButtonUpState = new Shape();
startButtonUpState.graphics.beginFill(0xFF0000);
startButtonUpState.graphics.drawRect(0, 0, 100, 50);
startButtonUpState.graphics.endFill();
startButton.upState = startButtonUpState;
var startButtonDownState = new Shape();
startButtonDownState.graphics.beginFill(0x00FF00);
startButtonDownState.graphics.drawRect(0, 0, 100, 50);
startButtonDownState.graphics.endFill();
startButton.downState = startButtonDownState;
startButton.x = 200;
startButton.y = 50;
addChild(startButton);
// 创建一个文本框来显示动画中的消息
var messageOutput = new TextField();
messageOutput.border = true;
messageOutput.borderColor = 0xFF0000;
messageOutput.x = 50;
messageOutput.y = 150;
addChild(messageOutput);
// 创建一个Tween动画对象来控制人物的动画
var characterTween = new Tween(character, "x", Regular.easeOut, -100, 200, 3, true);
// 添加按钮点击事件,触发表白动画
startButton.addEventListener(MouseEvent.CLICK, function(event:MouseEvent):void {
// 隐藏输入框和按钮
messageInput.visible = false;
startButton.visible = false;
// 显示消息
messageOutput.text = "表白时间到!";
// 播放人物动画,同时显示消息
characterTween.addEventListener(TweenEvent.MOTION_FINISH, function(event:TweenEvent):void {
messageOutput.text = messageInput.text + ",我爱你!";
});
});
// 创建一个人物对象
var character = new Shape();
character.graphics.beginFill(0x0000FF);
character.graphics.drawRect(0, 0, 50, 50);
character.graphics.endFill();
character.x = -100;
character.y = 200;
addChild(character);
```
运行效果可以在Adobe Animate中预览。该代码创建了一个文本框来输入表白的消息,一个按钮来触发表白动画,一个文本框来显示表白的消息,以及一个人物对象进行动画。点击按钮后,人物会从左侧移动到右侧,并在结束时显示表白的消息。
阅读全文