仓酷云

 找回密码
 立即注册
搜索
热搜: 活动 交友 discuz
查看: 785|回复: 8
打印 上一主题 下一主题

[学习教程] 来谈谈:Flash实例:庆贺故国60华诞烟花动画-Flash实例教程

[复制链接]
不帅 该用户已被删除
跳转到指定楼层
楼主
发表于 2015-1-15 20:43:34 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式

马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
Flash动画说到底就是“遮罩+补间动画+逐帧动画”与元件(主要是影片剪辑)的混合物,通过这些元素的不同组合,从而可以创建千变万化的效果。
poluoluo中心提醒:AS制造故国万岁的炊火效果.
 焰火效果:
[media=wmv,550,400][/media]

在做这个效果之前先先容一下Flint:
Flint是一个基于AS3.0的开源的粒子体系类库,让我们在不必要完整打仗全体代码的情形下用本人的编码作风来轻松的扩大它,今朝只要基于AS3.0的版本。

起首先容一下基于Flint创立焰火效果的道理,我们的效果将从屏幕的下方升到屏幕的上方,然后飘落在屏幕的下方。构成焰火的每个小点,都是粒子体系中的一个粒子。

筹办素材:
(1)筹办1张背景图片
(2)在ps中制造1张通明背景,红色字体的300*80像素笔墨图片,保留为png格局。

1、新建Flash文档,舞台为550*400像素,帧频30,背景色彩为玄色。然后把背景和笔墨图片导进到库中。右键单击笔墨图片,选择属性做链接,类名为logo,基类flash.display.BitmapData。
2、制造一个探照灯效果的影片剪辑,人人城市就不说了。
3、把图层1更名为“探照灯”,翻开库拖探照灯影片剪辑到舞台,放在符合的地位。
4、增加图层2更名为“探照灯”,拖进探照灯影片剪辑,修正一下偏向,放在符合的地位。
5、增加图层3更名为“背景”,翻开库拖进背景图片,右键单击图片转换为影片剪辑。在属性面板中把通明度调到70%到80%摆布(视背景图片而定)。
6、增加图层4更名为as,单击第1帧,翻开举措面板输出代码:


//导进类

importorg.flintparticles.common.actions.*;

importorg.flintparticles.common.counters.*;

importorg.flintparticles.common.energyEasing.Quadratic;

importorg.flintparticles.common.events.EmitterEvent;

importorg.flintparticles.common.initializers.*;

importorg.flintparticles.twoD.actions.*;

importorg.flintparticles.twoD.emitters.Emitter2D;

importorg.flintparticles.twoD.initializers.*;

importorg.flintparticles.twoD.renderers.*;

importorg.flintparticles.twoD.zones.*;

//创立2D粒子发射器

varemitter:Emitter2D=newEmitter2D();

//计数器(每秒中创立5000个粒子)

emitter.counter=newBlast(5000);

//初始化(粒子的初始地位,速率,图片和色彩)

emitter.addInitializer(newColorInit(0xFFFF3300,0xFFFFFF00));

emitter.addInitializer(newLifetime(8));

emitter.addInitializer(newPosition(newDiscZone(newPoint(0,0),8)));

varbitmapData:BitmapData=newLogo(300,80);

emitter.addInitializer(newVelocity(newBitmapDataZone(bitmapData,-152,-380)));

//向发射器中增加举措,让每帧都更新粒子的地位

emitter.addAction(newAge(Quadratic.easeIn));

emitter.addAction(newFade(1.0,0));

emitter.addAction(newMove());

emitter.addAction(newLinearDrag(0.5));

emitter.addAction(newAccelerate(0,70));



emitter.addEventListener(EmitterEvent.EMITTER_EMPTY,restart,false,0,true);

//定位粒子在舞台的上方

varrenderer:PixelRenderer=newPixelRenderer(newRectangle(0,0,550,400));

renderer.addFilter(newBlurFilter(2,2,1));

renderer.addFilter(newColorMatrixFilter([1,0,0,0,0,0,1,0,0,0,0,0,1,0,0,0,0,0,0.96,0]));

renderer.addEmitter(emitter);

addChild(renderer);



emitter.x=250;

emitter.y=300;

emitter.start();



functionrestart(ev:EmitterEvent):void

{

Emitter2D(ev.target).start();

}7、完成后保留在一个目次下,然后把附件中名为org的紧缩文件解压到统一目次下(这个文件夹就是Flint粒子类库),如今就能够测试了。美工部分人人能够做一些风景、气球放飞等效果,到场场景中,我想人人必定比我做得好。各类参数能够试着修改一下数据,再看一下效果。



org.rar

未定名-1[1].part1.rar

未定名-1[1].part2.rar


Flash也支持高品质的mp3音频流、文字输入字段、交互式接口等等很多工具。这个最新版本可以观看所有的flash格式。
因胸联盟 该用户已被删除
沙发
发表于 2015-1-17 13:57:24 | 只看该作者
作为奖赏,你可以使用关键祯动画支持和tweening-两个最主要的节省时间的方式。本质上,关键祯是动画中显著事件发生的位置。
再现理想 该用户已被删除
板凳
发表于 2015-1-25 20:57:26 | 只看该作者
FLASH动画的视觉观赏效果好,容易给民众留下深刻的印象,是动画行业从业者和动画创意设计制作机构的主要业务之一。
谁可相欹 该用户已被删除
地板
发表于 2015-2-4 07:43:50 | 只看该作者
FLASH在网站建设中广泛的应用,但是FLASH也有自身的缺陷,尤其考虑到网络营销的综合效果时,FLASH 格式的广告并非最好的选择,有时甚至会降低广告效果。
乐观 该用户已被删除
5#
发表于 2015-2-9 19:05:53 | 只看该作者
不过,要说国内在FLASH动画领域做的比较出色的,公认的是广州形动数码科技。
第二个灵魂 该用户已被删除
6#
发表于 2015-2-27 19:10:18 | 只看该作者
FLASH动画的视觉观赏效果好,容易给民众留下深刻的印象,是动画行业从业者和动画创意设计制作机构的主要业务之一。
分手快乐 该用户已被删除
7#
发表于 2015-3-9 12:54:49 | 只看该作者
考虑到实际的效果,这些专业的网站并不会去单纯追求技术本身,广告设计是否FLASH不是目的,关键是获得最好的宣传效果。
admin 该用户已被删除
8#
发表于 2015-3-17 00:25:15 | 只看该作者
FLASH在网站建设中广泛的应用,但是FLASH也有自身的缺陷,尤其考虑到网络营销的综合效果时,FLASH 格式的广告并非最好的选择,有时甚至会降低广告效果。
飘灵儿 该用户已被删除
9#
发表于 2015-3-23 13:45:46 | 只看该作者
缺点也必然会会有的,但是不同的产品有不同的缺点吧,比如说flash建站它的速度会比较慢。
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

QQ|Archiver|手机版|仓酷云 鄂ICP备14007578号-2

GMT+8, 2024-4-29 01:30

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表