仓酷云

标题: 来看看：Flash AS3实例教程:制造扭转的菜单动画-Flash actionscript [打印本页]

作者: 若天明 时间: 2015-1-15 20:39
标题: 来看看：Flash AS3实例教程:制造扭转的菜单动画-Flash actionscript
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”的内部类文件。代码以下：

保留在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
传播上的优势——无国界跨媒体；创作群体的形成；媒体及比赛的推进
作者: 飘灵儿 时间: 2015-1-25 18:10
富媒体可应用于各种网络服务中，如网站设计、电子邮件、BANNER、BUTTON、弹出式广告、插播式广告等。　
作者: 飘飘悠悠 时间: 2015-2-3 13:52
flash的流行因素包括了技术上的优势——技术本身的优势；技术掌握上的优势；其他技术的弱势；
作者: 冷月葬花魂 时间: 2015-2-9 04:25
富媒体广告的概念：富媒体 Rich Media，是由英文翻译而来,从字面上很难理解Rich Media到底是什么。
作者: 金色的骷髅 时间: 2015-2-26 23:57
flash 有这么多的优势,那么它的优缺点和设计方面的关系是什么？
作者: 莫相离 时间: 2015-3-8 19:36
FLASH网站建设的页面非常美观，互动性很强。在企业网站中，FLASH动画作用主要在于突出企业品牌的效应，彰显企业形象的实力。
作者: 只想知道 时间: 2015-3-16 19:03
Flash使交互性容易，并且消除了学习某种语言的需要。折中办法是不学语言，同时失去一些功能。但是你仍然可以处理基于用户动作（如鼠标移动或点击）的触发事件，这通常是你需要的所有交互性。
作者: 分手快乐 时间: 2015-3-23 03:48
广告本身无法看到网址链接，不利于网站本身的搜索引擎优化，对增加网站排行的权重没有意义。

欢迎光临仓酷云 (http://ckuyun.com/) Powered by Discuz! X3.2