注册本站  论坛  繁體中文

电脑技巧
手机 | MP3 | MP4 | 显卡 | 主板 | 显示器 | 光存储 | 笔记本 | 网络设备 | 移动存储 | 数码相机
键鼠 | CPU | 音箱 | GPS | 电视 | 服务器 | 投影机 | 机箱电源 | 品牌电脑 | 办公打印 |
| 网站首页 | Cisco | Windows | Linux | Java | Dotnet | Oracle | 网页设计 | 平面设计 | 安全 | 软件应用 | 电脑维修 | 办公维修 |
您现在的位置: 电脑技巧 >> 网页设计 >> Flash >> Action Script >> 网页设计正文

Flash AS教程:图片环绕旋转效

文章来源:不详 作者:佚名 更新时间:2008-1-7 22:38:12 【 】 【加入收藏
好~现在开始咯~

新建FLASH文件~

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

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

对齐面板的使用如图:
图1
Flash AS教程:图片环绕旋转效

代码:stop();
这时的时间轴如图:
图2
Flash 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);
}

恩~这样差不多就行了~

如果还有不懂的请看源文件~:(附.fla文件)点击下载

扩展:

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

  • 下一篇网页设计:
  • 最 新 热 门
     Flash AS教程:旋转立方体
     Flash AS教程:图片环绕旋转效
     Flash AS教程:_visible属性的详细讲解
     在网页中用Flash动画直接播放MP3音乐
     Fireworks制作RockWave摇滚波字体
     将来比较流行的几种网站导航的方向
     网站用户体验设计(UE)
     网页设计制作试题及参考答案
     网页制作试题 看看你都会做吗?
     WEB2.0的单手定则
    最 新 推 荐
     Flash AS教程:旋转立方体
     Flash AS教程:图片环绕旋转效
     Flash AS教程:_visible属性的详细讲解
     Flash教程:if条件语句的用法
     Flash教程:测试AS代码的执行速度
     Flash教程:trace()的使用
     Flash AS 教程:多种图片切换效果
     Flash AS教程:填色游戏的制作
     flash教程:使用拆分数字和文字的函数
     FLASH CLASS的基本编写规范
    相 关 文 章

    Flash AS教程:旋转立方体
    Flash AS教程:_visible属性的详细讲解
    在网页中用Flash动画直接播放MP3音乐
    网页中插入Flash按钮与文本
    Flash教程:if条件语句的用法
    Flash教程:测试AS代码的执行速度
    Flash教程:trace()的使用
    Javascript代码在网页中简单应用的几个示例
    Flash动画制作小野人玩摇滚实例
    Flash AS 教程:多种图片切换效果

    | 设为首页 | 加入收藏 | 联系站长 | 友情链接 | 版权申明 | 网站公告

     

    Copyright 2006-2008 pcjx.com All Rights Reserved
    电脑技巧 版权所有 粤ICP备06059145号 地图
    本网站所有内容未经许可不得转载或做其他使用