| 首页 | 新闻 | 网页 | 设计 | 色彩 | 原创 | 视觉 | 素材 | 动漫 | 酷站 | 策划 | 文案 | 访谈 | 运营 | 编程 | 数据库 | 服务器 | 下载 | 图库 | 
您的位置: 幽幽天空 > 网页 > 网页制作 > Flash教程 > ActionScript教程 > 文章正文 用户登录
图片链接移动代码
将图片作为博客介
将图片作为文章栏
图片滤镜的效果
免费的移动数码扫
做图片站电影站赚
做图片站电影站赚
xml方式载入图片自
flash中实现js的图
实现导入外部JPG图

图片移动的AS应用           

图片移动的AS应用

作者:佚名 来源:闪吧 作者: 闪速极光 更新:2007-1-13 20:48:40 错误报告 我要投稿

习之前,先看一下我的一个M小V!!!
点击开新窗口欣赏该FLASH动画![全屏欣赏]

这个效果是利用AS编程来控制MC的坐标,实现图片组的自动移动。当你移动鼠标到图片上的时候,图片组停止移动。当你按下或移开鼠标时图片继续移动。当图片全部移出场景时,它会自动返回初始坐标继续移动,对照图(1)来看它的结构:第一层放入了神雕侠侣的文字,第二层是图片MC,实例名是pic_mc,第三层是遮置矩形,第四层是白色边框,起美观作用,第五层是AS层,主要的代码在这里。按此在新窗口浏览图片
第一步:首先来制作图片MC,在MC里把图片水平排列起来,然后把图片水平移到原点(0,0)右侧,再在每个图片上放一个隐形按钮。按钮上的代码在后面说。



第二步:回到主场景,AS层的第一帧代码如下:
x0   =   "397.6";
//   x0是初始坐标,也就是在主场景的右边时的坐标
x1   =   "-1663.1";
//   x1是终止坐标,也就是在图片全部移出场景时的坐标
move_x   =   x0;
//   设置变量,在第二帧把这个变量赋给图片MC的X坐标
stepx   =   "3";
//   移动步长
stepx0   =   "3";
//   移动步长
在这说一下操作技巧,先把图片MC放在右边,确定它的坐标,按住shift键水平拖动MC,当全部拖出场景时确定终止坐标,再按撤消功能钮,让它返回初始坐标。
第二帧代码如下:
move_x   =   move_x-stepx;
//   让move_x每循环一次就减少3
setProperty("_root.pic_mc",   _x,   move_x);
//   设置图片MC的X坐标为move_x
if   (move_x<=x1)   {
            //   如果到达终止坐标
            move_x   =   x0;
            //   让move_x回到初始坐标
}
play();
//   继续播放下一帧
第三帧代码如下:
prevFrame();
//   回到上一帧

第三步:来看看图片MC里的隐形按钮的代码:
on   (rollOver)   {
            /:stepx   =   "0";
            //   设置变量/:stepx为0,也就是move_x=move_x-0,
            //   意味着图片MC的坐标不动
}
on   (release)   {
            /:stepx   =   /:stepx0;
            //   让/:stepx=3(/:stepx0)
            //   意味着图片MC的坐标继续移动
}
on   (rollOut)   {
            /:stepx   =   /:stepx0;
            //   让/:stepx=3(/:stepx0)
            //   意味着图片MC的坐标继续移动
}
每一个隐形按钮的代码都一样,你可以写好一个后,用复制来粘贴到别的按钮上。

第四步:总结一下,这个程序虽然不是很复杂,我们通过它也能学到一些知识,比如MC在主场景的坐标系,在MC内部的坐标系,还有变量的应用,编程的思路。
DOWNLOAD   FLA......(只是片头)

点击浏览该文件
文章录入:skyuu    责任编辑:skyuu 
  • 上一篇文章:

  • 下一篇文章:
  • 【字体: 】【发表评论】【加入收藏】【告诉好友】【打印此文】【关闭窗口
    网友评论:(只显示最新10条。评论内容只代表网友观点,与本站立场无关!)
    发表评论:
    姓名:  评 分: 1分 2分 3分 4分 5分
     
  • 严禁发表危害国家安全、政治、黄色淫秽等内容的评论。
  • 用户需对自己在使用幽幽天空服务过程中的行为承担法律责任。
  • 本站管理员有权保留或删除评论内容。
  • 评论内容只代表机友个人观点,与本网站立场无关。