首页  韩国资源  酷站加油  我的展厅  设计名站  古典元素  推荐下载  设计欣赏  每周专访  招募精英  人才专区  网页教程  平面设计  编程开发  设计竞赛
当前位置:首页 > 网页教程 > Flash教程 > 正文
Google
图片环绕旋转效果制作方法(AS)
来源:中国教程网 作者:acti0n 2008年02月22日 10:49 网友评论:0条 点击:

现在开始咯...

新建FLASH文件, 修改-》文档,把文档的背景色改成黑色。CTRL+F8新建元件【text】~ 在元件的帧上放13个关键帧~ 第一帧留空~ 在其他每个关键帧中输入一个字母【颜色自定~不过不能是黑色哈~】,并用对齐面板把各个字母放到元件的舞台的正中~

对齐面板的使用如图:1


代码:stop();
这时的时间轴如图:2

退回场景1~把刚才新建的元件拖到舞台中~ 打开它的属性面板~把实例名称命名为 v0   再新建元件【earth】 在元件的第一帧画一个小圆『黑色』,和背景色一样~  退回场景1~ 把刚才新建的元件拖到舞台中~ 打开它的属性面板~把实例名称命名为 earth  在场景1新建图层~ 在新图层第一帧输入以下代码:
for(i=1;i<13;i++){ 
duplicateMovieClip("v0","v"+i,i); 
_root["v"+i].factor=-360/12*i; 
_root["v"+i].gotoAndStop(i+1); 
}选中元件 【text】~在动作面板输入以下代码:
onClipEvent (load) { 
_root.earth.swapDepths(100); 
speed = 3; 
radius = 180; 

onClipEvent (enterFrame) { 
_y = _root.earth._y; 
z = _root.earth._x-_root._xmouse; 
speed = z/40; 
factor += speed; 
xtransform = Math.sin(Math.PI/180*factor); 
ytransform = Math.sin(Math.PI/180*factor); 
ytransformp = Math.sin(Math.PI/180*(factor+90)); 
this._xscale = ytransformp*120+1; 
this._x = _root.earth._x+xtransform*radius; 
this._alpha = 10+(ytransformp+1)*50; 
this._yscale = 120+(ytransformp-1)*2; 
stack = Math.round((ytransform+1)*100); 
this.swapDepths(stack); 
} 恩~这样差不多就行了~

如果还有不懂的请看源文件: 图片环绕旋转效果.rar

扩展:
如果要变成图片的环绕效果~只要把元件【text】中的字母换成图片就可以了。
如果图片太大或太小,请修改以上代码中的radius = 180;这句~只要改变值180即可。
如果图片不是12张~请修改元件【text】的帧数~第一帧照样留空~修改第一段代码for(i=1;i<13;i++)中的13为图片的张数加一。

上一篇:无   下一篇:获取外部按钮方法(AS2.0)
收藏此页】【打印】【关闭
 相关文章  我要点评
·用Struts向MySQL中储存图片
·网站中的图片设计
·图片与文本谁更重要?
·新浪女性频道的Flash图片轮换
·腾讯SOSO图片完成全面升级
·优秀图片图库资源网址收集整理
·利用Flash AS制作图片转场效果
·迅雷影视flash图片切换程序

免责声明:本站刊载此文不代表同意其说法或描述,仅为提供更多信息,也不构成任何建议。对本文有任何异议,请联络:68design#163.com
转载要求:作者及来源信息必需保留。转载之图片、文件,链接请不要盗链到本站,且不准打上各自站点的水印。



关于我们 | 在线反馈 | 广告报价 | 友情链接 | 联系我们 | 免责声明 | 在线投稿 | 网站地图
Copyright © 2003-2007 68design.net, All Rights Reserve 【找网页设计师,当然上网页设计师联盟】