您现在的位置:主页 > 图像设计 > Flash教程 >

Flash AS代码编写图片环绕旋转效果

来源:新2备用网址hg622.com|首页吧 责任编辑:Jzq8 发表时间:2010-06-09 点击:次

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

  对齐面板的使用如图: flash
  代码:stop();

  这时的时间轴如图: flash

  退回场景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即可。
  如果图片不是12张~请修改元件【text】的帧数,第一帧照样留空~修改第一段代码for(i=1;i<13;i++)中的13为图片的张数加一。

    发表评论
    请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
    评价:
    表情:
    验证码:点击我更换图片 匿名?

    推荐图文

    • 三分钟理解Flash中的level层级关系
    • 电子杂志设计制作常用Flash技术
    • 基于flash设计的网站 一场奇妙的网络旅行
    • Flash极佳的交互性和创造性25个国外优秀Flash网站
    • 快速获取Flash源程序中的素材
    • Flash实例教程:鼠标响应显示图片的动画效果
    • Flash 动画人物角色行走的几种实现方式
    • 用组件控制Flash中被导入视频的播放暂停
    • Flash AS制作简单的课件倒计时
    Alexa - 客户服务 - 联系方法 - 招聘信息 - 友情链接 - 网站地图 - TAG标签 - RSS订阅
    Copyright ? 2010-2012 JZQ8.COM. 新2备用网址hg622.com|首页吧|新2备用网址hg622.com|首页去吧 版权所有
    冀ICP备09002514号
    冀ICP备09002514号 网络报警 企业法人营业执照 中国互联网协会 支付宝付款 网银在线付款