仓酷云

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

[学习教程] 来看看:Flash AS3实例教程:制造扭转的菜单动画-Flash actionscript

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

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

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

x
Flash动画制作软件是一款可以帮助设计者制作和设计动画Flash介绍、Flash标识、Flash广告、Flash弹出菜单以及任何其它Flash动画的Flash文本效果工具。
poluoluo中心提醒:AS3.0实例:扭转菜单的制造.
演示:

[media=wmv,550,400][/media]

1、新建一个Flash文件,宽550高400像素,背景为玄色。保留文件。

2、用椭圆工具,画一个边框红色,添补为白色的27*27的圆形。:

3、按F8键,把圆形转换成影片剪辑,以下设置:。

4、按Ctrl+L组合键,翻开库双击Item影片剪辑进进编纂形态。锁定图层1,增加图层2。在圆形的中央增加一个静态文本。:

5、在属性面板中定名为“itemText”并输出一个数字,色彩为红色,巨细为14至17摆布。点击“字符嵌进”按钮,设置如:

6、效果。

7、新建一个ActionScript文件,编写一个名为“Item.as”的内部类文件。代码以下:
    package{

    importflash.display.MovieClip;

    publicdynamicclassItemextendsMovieClip{

    publicfunctionItem(){

    }

    }

    }
保留在fla文件的统一目次下。

8、前往加入景1,在图层1的第一帧输出代码:

//Savethecentercoordinatesofthestage

varcenterX:Number=stage.stageWidth/2;

varcenterY:Number=stage.stageHeight/2;

//Thenumberofitemswewillhave(feelfreetochange!)

varNUMBER_OF_ITEMS:uint=15;

//Radiusofthemenucircle(horizontalandvertical)

varradiusX:Number=200;

varradiusY:Number=100;

//Angledifferencebetweentheitems(inradians)

varangleDifference:Number=Math.PI*(360/NUMBER_OF_ITEMS)/180;

//Howfastasinglecirclemoves(wecalculatethespeed

//accordingtothemousepositionlateron...)

varangleSpeed:Number=0;

//Scalingspeedofasinglecircle

varscaleSpeed:Number=0.0002;

//Thisvectorholdsalltheitems

//(thiscouldalsobeanarray...)

varitemVector:Vector.<Item>=newVector.<Item>;

//Thisloopcreatestheitemsandpositionsthem

//onthestage

for(vari:uint=0;i<NUMBER_OF_ITEMS;i++){

//Createanewmenuitem

varitem:Item=newItem();

//Gettheanglefortheitem(wespacetheitemsevenly)

varstartingAngle:Number=angleDifference*i;

//Setthexandycoordinates

item.x=centerX+radiusX*Math.cos(startingAngle);

item.y=centerY+radiusY*Math.sin(startingAngle);

//Savethestartingangleoftheitem.

//(WehavedeclaredtheItemclasstobedymamic.Therefore,

//wecancreatenewpropertiesdynamically.)

item.angle=startingAngle;

//Addanitemnumbertotheitem’stextfield

item.itemText.text=i.toString();

//Allownomousechildren

item.mouseChildren=false;

//Addtheitemtothevector

itemVector.push(item);

//Addtheitemtothestage

addChild(item);

}

//WeuseENTER_FRAMEtoanimatetheitems

addEventListener(Event.ENTER_FRAME,enterFrameHandler);

//Thisfunctioniscalledineachframe

functionenterFrameHandler(e:Event):void{

//Calculatetheanglespeedaccordingtomouseposition

angleSpeed=(mouseX-centerX)/5000;

//Loopthroughthevector

for(vari:uint=0;i<NUMBER_OF_ITEMS;i++){

//Savetheitemtoalocalvariable

varitem:Item=itemVector;

//Updatetheangle

item.angle+=angleSp

//Setthenewcoordinates

item.x=centerX+radiusX*Math.cos(item.angle);

item.y=centerY+radiusY*Math.sin(item.angle);

//CalculatetheverticaldistancefromcenterYtotheitem

vardy:Number=centerY-item.y;

//Scaletheitemaccordingtoverticaldistance

item.scaleY=(dy/radiusY);

//IfweareabovecenterY,doubletheyscale

if(item.y<centerY){

item.scaleY*=2;

}

//Setthexscaletobethesameasyscale

item.scaleX=item.scaleY;

//Adjustthealphaaccordingtoyscale

item.alpha=item.scaleY+1.1;

}

}9、好了,测试影片。

附件下载:菜单.rar
Flash动画说到底就是“遮罩+补间动画+逐帧动画”与元件(主要是影片剪辑)的混合物,通过这些元素的不同组合,从而可以创建千变万化的效果。
简单生活 该用户已被删除
沙发
发表于 2015-1-17 13:34:47 | 只看该作者
传播上的优势——无国界跨媒体;创作群体的形成;媒体及比赛的推进
飘灵儿 该用户已被删除
板凳
发表于 2015-1-25 18:10:08 | 只看该作者
富媒体可应用于各种网络服务中,如网站设计、电子邮件、BANNER、BUTTON、弹出式广告、插播式广告等。  
飘飘悠悠 该用户已被删除
地板
发表于 2015-2-3 13:52:25 | 只看该作者
flash的流行因素包括了技术上的优势——技术本身的优势;技术掌握上的优势;其他技术的弱势;
冷月葬花魂 该用户已被删除
5#
发表于 2015-2-9 04:25:45 | 只看该作者
富媒体广告的概念:富媒体 Rich Media,是由英文翻译而来,从字面上很难理解Rich Media到底是什么。
金色的骷髅 该用户已被删除
6#
发表于 2015-2-26 23:57:38 | 只看该作者
flash 有这么多的优势,那么它的优缺点和设计方面的关系是什么?
莫相离 该用户已被删除
7#
发表于 2015-3-8 19:36:45 | 只看该作者
FLASH网站建设的页面非常美观,互动性很强。在企业网站中,FLASH动画作用主要在于突出企业品牌的效应,彰显企业形象的实力。
只想知道 该用户已被删除
8#
发表于 2015-3-16 19:03:06 | 只看该作者
Flash使交互性容易,并且消除了学习某种语言的需要。折中办法是不学语言,同时失去一些功能。但是你仍然可以处理基于用户动作(如鼠标移动或点击)的触发事件,这通常是你需要的所有交互性。
分手快乐 该用户已被删除
9#
发表于 2015-3-23 03:48:29 | 只看该作者
广告本身无法看到网址链接,不利于网站本身的搜索引擎优化,对增加网站排行的权重没有意义。
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

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

GMT+8, 2024-12-29 07:09

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

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