Animate如何动态绘制元件运动路径(AS3)

最新推荐文章于 2024-07-13 10:48:38 发布
最新推荐文章于 2024-07-13 10:48:38 发布
阅读量1.6k 收藏 1
点赞数
分类专栏： Animate AS3教程 文章标签： flash swf actionscript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/gaoray/article/details/113970231
版权
本教程介绍如何在Animate中使用AS3脚本动态绘制元件的运动路径。通过创建引导层，将元件转换为影片剪辑并设置补间动画，结合ENTER_FRAME事件监听，实现实时绘制元件跟随路径移动的效果。
摘要由CSDN通过智能技术生成

在Animate中，使用AS3脚本可以实现一些纯动画比较复杂的动画效果，这里讲一下使用代码实现动态绘制元件运动路径的过程。
适用软件：Animate软件及支持AS3脚本的Flash软件
操作步骤：
1.这里使用的是Animate 2021，新建一个Actionscript3.0文档
在这里插入图片描述

2.在舞台中使用椭圆工具绘制一个圆形，如图
在这里插入图片描述
3.新建一个图层，使用铅笔工具绘制一条曲线
在这里插入图片描述
4.选择曲线层，右键选择引导层，如图
在这里插入图片描述
5.将圆形转换为影片剪辑，并设置实例名为mc
在这里插入图片描述
6.将元件制作成为沿曲线移动的补间动画

最低0.47元/天 解锁文章
FlashASer
关注
专栏目录
Unity跨平台UI解决方案：可能是最全的FairyGUI系列教程.Part1
空名先生
03-19 1万+
FairyGUI简介导读 她提供了超强的UI编辑器，界面操作与PS类似，友善且简单。主打的是摒弃了脚本和配置文件这些需要代码思维的操作，设计或者美术都可以轻轻松松学会并生产界面。 能实现功能非常之多：最基本的按钮，图片，富文本，进度条，滑动条，列表，树 进阶的有动画，控制器，关联系统，装载器，窗口，动效 支持的引擎也非常之多：Unity,Unreal,Cocos,ThreeJS,Egret,LayaAir等十多款游戏引擎 通过简单的操作来实现复杂的功能，提高开发效率，UI 制作效率提升昂...
探秘神奇的运动路径动画 Motion Path
azl397985856的专栏
04-30 773
CSS 中有一个非常有意思的模块 -- CSS Motion Path Module Level 1[1]，翻译过来也就是运动路径。本文将对 motion path 一探究竟，通过本文，你...
AN动画基础——路径动画
咸鱼菌
11-02 2925
本篇内容：了解路径动画重点内容：路径动画应用工 具：Adobe Animate 2022。
Animate软件基础：动作面板
最新发布
FlashASer的博客
07-13 903
可以将脚本固定，以保留代码在动作面板中的打开位置，然后在各个打开的不同脚本中切换。根据选择的内容，“动作”面板标题也会变为“按钮动作”、“影片剪辑动作”或“帧动作”。例如，如果单击 import 语句，再单击“帮助”，“帮助”面板中将显示 import 的参考信息。要在“脚本”窗格中查看该脚本，请单击“脚本”导航器中的项目。动作面板主要用来编写脚本，包括AS3脚本和Html5使用的JS，都可以在动作面板中进行输入。要显示“动作”面板，请选择“窗口”>“动作”或按 F9。查找：查找并替换脚本中的文本。
java让静止的东西动起来思想_如何用AN让静止画面动起来
weixin_29584723的博客
02-25 716
1.选择除第一帧的所有关键帧，将其托至两秒处，选择除第二帧的关键帧，将其拖至四秒处，选择除第三帧的所有关键帧，将其托至六秒处。2.按【Ctrl+Shift+S】另存为，选择保存路径，设置【文件名】为SC-0001，单击【保存】。按【Ctrl+Shift+S】另存为，选择保存路径，设置【文件名】为SC-0002，单击【保存】。按【Ctrl+Shift+S】另存为，选择保存路径，设置【文件名】为SC-...
动态绘制路径动画，画出个萌妹子~
MinSen
11-27 1528
 2年前我在玩Flex的时候就一直有一个疑问，就是如何来实现一个蚊香慢慢烧完的Loading动画呢？　　 　　刚经历了某甲方高强度一个月的洗礼后，这几天刚好闲下来，这个问题又浮现在我脑海里。于是经过几番思索纠结后，我发现了一个更好玩的效果，如下： 　　                                                                  ↑
As3 box2d 鼠标关节
weixin_30908941的博客
03-05 75
知识要点： 1，怎么获取鼠标坐标点下的刚体 2，创建鼠标关节 b2MouseJoint 3, b2World.GetGroundBody()方法 GetGroundBody () method public function GetGroundBody():b2Body The world provides a single static gro...
vue网页预加载页面_页面预加载效果
culiao9310的博客
09-29 5129
vue网页预加载页面View demo 查看演示Download Source 下载源Today we want to show you how to create a very simple page preloading effect with CSS animations, SVG and JavaScript. For websites, where...
线条动画flash
12-20
通过编写AS代码，可以控制线条的动态行为，如响应用户输入或实现复杂的运动轨迹。 5. **图层管理**：在多线条动画中，图层管理是关键。每个图层可以承载不同的线条或元素，通过调整图层的顺序和可见性，可以实现...
Unity跨平台UI解决方案：可能是最全的FairyGUI系列教程
2401_84121499的博客
04-18 523
总而言之，成功是留给准备好的人的。无论是参加什么面试，都要做好充足的准备，注意好面试的礼仪和穿着，向面试官表现出自己的热忱与真诚就好。即使最后没有过关，也要做好经验的总结，为下一次面试做好充足准备。这里我为大家准备了一些我在面试后整理的面试专题资料，除了面试题，还总结出了互联网公司Android程序员面试涉及到的绝大部分面试题及答案，并整理做成了文档，以及系统的进阶学习视频资料分享给大家，希望能帮助到你面试前的复习，且找到一个好的工作，也节省大家在网上搜索资料的时间来学习。
animate动画脚本
07-10
animate动画脚本
RotateAnimation:按钮沿着圆形的轨迹移动动画效果
06-06
RotateAnimation 按钮沿着圆形的轨迹移动动画效果 使用说明: //首先，实例化动画视图，设置视图尺寸位置和视图里的旋转按钮的宽高。 RotateAnimationView *rotateAnimationView = [RotateAnimationView rotateAnimationViewWithFrame:self.view.bounds rotateItemSize:CGSizeMake(60, 60)]; //设置背景图片 rotateAnimationView.animationViewBackgroundColor = [UIColor whiteColor]; //设置中心圆形的图像视图图片 rotateAnimationView.centralFigureImage = [UIImage imageNamed:@"sun"]; //设置动画视图代理方法
SUAnimate(SU路径动画插件)V4.2.2forWindows64位官方免费版
07-24
SU Animate(SU路径动画插件)是由Cadalog公司发布的一款SU路径动画插件，支持SketchUp 8/2013/ 2014/2015/ 2016/2017/2018,这个插件可以帮助用户在SketchUp中轻松地制作更为复杂的动画，包括对象动画、相机动画、图层动画、路径动画等，非常强大，需要的朋友欢迎下载使用！ SU Animate主要功能 1、SketchUp中的对象动画：
教您如何让Gif动画动起来（表情）
Qiqihar的专栏
03-23 2560
本文将为讲解Android中Gif图片播放的教程。Android 中是不支持直接使用Gif 图片关联播放帧动画，如下动画在Android 中是无法播放的，我们将教会您使用有效方法让Gif图片在Android下动起来。 使用软件：easygifanimator 下载地址：click me <animation-list android:oneshot="false" xmln
Animate中如何创建辅助线
qq_35767005的博客
05-20 1790
1、显示出标尺 选择视图-》标尺 或 快捷键 ctrl+shift+alt+R 2、在标尺上按住并拖动鼠标，即可拖出辅助线 可使用选择工具（快捷键为V）调节辅助线位置
JS实现圆形进度条拖拽滑动
gongzuoyongde的博客
12-16 1688
原生js实现可拖动仪表盘
js 实现简单的动画效果（小圆移动）
sweetllh的博客
04-18 3419
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>animation</title> <style type="text/css" media="screen"> *{ padding: 0; margin: 0;
An动画基础之元件的图形动画与按钮动画
人生得意须尽欢
08-01 7886
An动画基础之元件的图形动画与按钮动画
Animate AS3交互开发教程
09-14
Animate AS3（ActionScript 3）是用于创建交互式动画和应用程序的一种编程语言。下面是一个简单的Animate AS3交互开发教程： 步骤1：创建新的AS3文件 在Adobe Animate中，创建一个新的AS3文件。选择"文件"菜单，...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

FlashASer

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值