若天明 发表于 2015-1-15 20:39:40

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

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



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的流行因素包括了技术上的优势——技术本身的优势;技术掌握上的优势;其他技术的弱势;

冷月葬花魂 发表于 2015-2-9 04:25:45

富媒体广告的概念:富媒体 Rich Media,是由英文翻译而来,从字面上很难理解Rich Media到底是什么。

金色的骷髅 发表于 2015-2-26 23:57:38

flash 有这么多的优势,那么它的优缺点和设计方面的关系是什么?

莫相离 发表于 2015-3-8 19:36:45

FLASH网站建设的页面非常美观,互动性很强。在企业网站中,FLASH动画作用主要在于突出企业品牌的效应,彰显企业形象的实力。

只想知道 发表于 2015-3-16 19:03:06

Flash使交互性容易,并且消除了学习某种语言的需要。折中办法是不学语言,同时失去一些功能。但是你仍然可以处理基于用户动作(如鼠标移动或点击)的触发事件,这通常是你需要的所有交互性。

分手快乐 发表于 2015-3-23 03:48:29

广告本身无法看到网址链接,不利于网站本身的搜索引擎优化,对增加网站排行的权重没有意义。
页: [1]
查看完整版本: 来看看:Flash AS3实例教程:制造扭转的菜单动画-Flash actionscript