快速业务通道

带AS的图片环绕旋转效果制作方法

作者 凌众技术 来源 网页制作 浏览 发布时间 2012-03-10

本文由  原创,转载请保留此信息!

好~现在开始咯~

新建FLASH文件~

修改-》文档,把文档的背景色改成黑色~

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

对齐面板的使用如图:

带AS的图片环绕旋转效果制作方法

代码:stop();

这时的时间轴如图:

带AS的图片环绕旋转效果制作方法

退回场景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);
}

恩~这样差不多就行了~

如果还有不懂的请看源文件~:点击下载

扩展:

    如果要变成图片的环绕效果~只要把元件【text】中的字母换成图片就可以了~
    如果图片太大或太小,请修改以上代码中的radius = 180;这句~只要改变值180即可
    如果图片不是

凌众科技专业提供服务器租用、服务器托管、企业邮局、虚拟主机等服务,公司网站:http://www.lingzhong.cn 为了给广大客户了解更多的技术信息,本技术文章收集来源于网络,凌众科技尊重文章作者的版权,如果有涉及你的版权有必要删除你的文章,请和我们联系。以上信息与文章正文是不可分割的一部分,如果您要转载本文章,请保留以上信息,谢谢!

分享到: 更多

Copyright ©1999-2011 厦门凌众科技有限公司 厦门优通互联科技开发有限公司 All rights reserved

地址(ADD):厦门软件园二期望海路63号701E(东南融通旁) 邮编(ZIP):361008

电话:0592-5908028 传真:0592-5908039 咨询信箱:web@lingzhong.cn 咨询OICQ:173723134

《中华人民共和国增值电信业务经营许可证》闽B2-20100024  ICP备案:闽ICP备05037997号