Fireworks MX 2004 制作简单动画 飞鸟翅膀煽动的动画
Flash如何制作飞鸟
概述:
飞鸟给我们直观的感觉是有一对翅膀的在煽动,还有一张嘴在鸣叫。
因此我们可以主要表现这两点动画,可以做三个层,一个层放翅膀,一个层放嘴 一个层放身
做两个影片剪辑
一个嘴动
一个是翅膀煽动
最后做一个鸟身的图片元件
以上所有放置在同一场景,加个动作补间 即可!!!
步骤:
1.新建一个Flash文档,单击“属性”面板中的“尺寸”按钮,打开“文档属性”面板设置场景大小为550px 450px,帧频为20fps。
2.按快捷键Ctrl+F8新建一个名为“背景”的影片剪辑元件。按快捷键Ctrl+R打开“导入”面板导入一幅可以覆盖场景的山水图片。
3.按快捷键Ctrl+L打开“库”面板,把“图片”元件拖拽到“场景1”中。点选场景中的“图片”元件,按快捷键Ctrl+K打开“对齐”面板,“相对于舞台”按钮,再“左对齐”和“上对齐”按钮。这样很容易就使“图片”元件覆盖住整个场景了。
4.创建一个“飞鸟”影片剪辑元件。该元件的图层设置“左翅”层和“右翅”层利用“形状渐变”运动让两条线段可以模拟鸟翅膀煽动的运动。打开“洋葱皮”命令可以很清楚的看到了.在各帧中,线段只是角度不一样,以产生运动的效果。设置线段角度的变化可以按快捷键Ctrl+T打开“变形”面板进行辅助设置。
5.按快捷键Ctrl+L打开“库”面板。右键“库”中的“飞鸟”元件,单击“”命令打开“属性”面板,(点选为动作脚本导出、在第一帧导出)。使用“属性”面板定义影片剪辑元件后,可以直接利用代码调用元件,而不必把元件拖拽到场景中。
6.回到“场景1”,点选“图层 1”的第1帧,按F9键打开“动作”面板,输入如下代码:
// 飞鸟动画
damp = .95;
numbirds = 30;
{
bird = attachMovie("bird", "bird"+i, i);
bird._x = Math.random()*350+20;
bird._y = Math.random()*300+20;
bird.vx = Math.random()*10-5;
bird.vy = Math.random()*10-5;
bird.k = Math.random()*.0001+.0003;
bird.gotoAndPlay(Math.round(Math.random()*20));
}
onEnterFrame = function () {
var totx = 0;
var toty = 0;
{
bird = _root["bird"+i];
totx += bird._x;
toty += bird._y;
}
avgx = totx/numbirds;
avgy = toty/numbirds;
{
bird = _root["bird"+i];
bird.vx += (avgx-bird._x)*bird.k;
bird.vy += (avgy-bird._y)*bird.k;
bird.vx += Math.random()-.5;
bird.vy += Math.random()-.5;
bird.vx *= damp;
bird.vy *= damp;
targAngle = Math.atan2(bird.vy, bird.vx)*180/Math.PI;
diff = targAngle-bird._rotation;
if (diff-180) {
diff += 360;
}
if (diff180) {
diff -= 360;
}
bird._rotation += diff*.2;
bird._x += bird.vx;
bird._y += bird.vy;
}
}
7.为了使该动画更有趣些,我们在以上的代码下,再添加如下代码:
// 鼠标动作
function drawToPoint(){
for(i=0;inumbirds;i++){
bird=_root["bird"+i];
bird.vx+=(_xmouse-bird._x)*bird.k*100;
bird.vy+=(_ymouse-bird._y)*bird.k*100;
}
}
onMouseDown = drawToPoint;
转载于:https://blog.51cto.com/fxgjg/322473
Fireworks MX 2004 制作简单动画 飞鸟翅膀煽动的动画相关推荐
- Fireworks MX 2004 矢量工具-制作环绕文字(转)
Fireworks MX 2004 矢量工具-制作环绕文字(转)[@more@] 1.新建宽和高都是300像素的文件,背景设为白色. 2.点选"工具"面板中的"文本&qu ...
- Fireworks MX 2004 入门教程-滤镜及实例(转)
Fireworks MX 2004 入门教程-滤镜及实例(转)[@more@] PS处理图片的时候会借助很多外部下载的滤镜来增加处理的效果使作品更美观,然而FW2004也同样也可以使用PS的滤镜作出同 ...
- Fireworks MX 2004 矢量工具-Mac按钮(转)
Fireworks MX 2004 矢量工具-Mac按钮(转)[@more@] 1.新建一个文件,背景色自定.使用"矩形"工具,在编辑区绘制一个矩形,矩形宽120象素,高40象素, ...
- Fireworks MX 2004 位图工具-更换书法文字图片背景(转)
Fireworks MX 2004 位图工具-更换书法文字图片背景(转)[@more@] 素材下载 启动 Fireworks MX2004,新建一个文件,文件宽和高设为550*400象素,背景为白色. ...
- 博大考神autocad2004职称计算机,博大考神职称计算机Flash MX 2004动画制作
博大考神职称计算机Flash MX 2004动画制作 来源:博大考神职称计算机手把手加题库版下载 发布时间:2013-04-26 浏览: 温馨提示:您正在下载博大考神,购买后可使用全部功能: 现在购买 ...
- Unity 制作简单的任务动画
Unity 制作简单的任务动画 1.添加人物模型到unity 我使用的是unity store中的免费模型: https://assetstore.unity.com/packages/3d/char ...
- matlab仿真动画,用matlab制作简单仿真动画
用matlab制作简单仿真动画,并生成.avi格式的电影文件 MATALB知识点2008-05-01 13:17:54 阅读152 评论0 字号:大中小订阅 第一种形式:利用for循环,在一定时间内控 ...
- 【web前端特效源码】使用HTML5+CSS3+JavaScript制作一个可拖动的拼图游戏动画效果~适合初学者~超简单~ |it前端开发
b站视频演示效果: [web前端特效源码]使用HTML5+CSS3+JavaScript制作一个可拖动的拼图游戏动画效果~适合初学者~超简单~ |前端开发|IT软件 效果图: 完整代码: <!D ...
- turtle库制作简单动画和总结
turtle制作简单动画和总结 最后制作的效果图 制作的代码,写的比较乱,后面还有皮卡丘动画,有需要可以私我. def tree(n,l):pd()#下笔#阴影效果t = cos(radians(he ...
最新文章
- 一个程序员写多门语言不会记串么?
- YYH算组合数(NOIP模拟赛Round 6)
- 「09」真损啊!——损失函数与极大似然估计
- 我的世界服务器物品管理,我的世界NEI物品管理器mod详细图文使用教程
- NVMe PM951 硬盘写入速度优化
- C++设计模式基础和模式设计基本原则
- 英文参考文献格式引用方法分析
- 阿里p7java什么水平_转头条:阿里p7架构师:三年经验应该具备什么样的技能?
- B2C,B2B,c2c是什么?
- Riverbed大咖纵论2018科技领域九大变化
- word中无法输入中文
- 到底什么样的网站才需要办理ICP许可证?
- JavaScript中if嵌套
- 机器视觉之eVision
- android 8.1 wifi提示“已连接 但无法访问互联网“的解决办法
- Docker监控远程服务器
- 项目(二)Lenovo商城
- To run in silent mode, OPatch requires a response file for Oracle Configuration Manager (OCM).
- 我们的空间是圆的么——基于Poicare的宇宙模型浅谈
- 第八届中国R语言会议(北京)纪要
热门文章
- 2014年C++大会的嘉宾演讲稿开放下载
- 31-scrapy框架爬虫【简单应用】-3个例子
- circos 染色体进阶技巧
- 各种PCB板载天线以及PCB设计要点
- 前端学习路线图--陆神版本思维导图
- 论文阅读《Dense Relation Distillation with Context-aware Aggregation for Few-Shot Object Detection》
- LPK木马分析-03
- 大数据技术原理与应用—课后题答案(第一章)
- ACdream原创群赛(11)の风神日华神专场 C.神奇的%系列一
- GoF设计模式(十二) - 享元模式