注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

清风的博客

我为人人,人人为我。

 
 
 

日志

 
 

as2手动哈哈镜  

2014-01-12 20:47:59|  分类: 【flash教程】 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |
        手动哈哈镜:影片中有一幅图片,大家可以通过在它上面移动鼠标,使图片跟随着鼠标的移动而发生拉长、缩短、放大、缩小的变化,产生一种有趣的效果。
          思路:找一幅图片,将它划分为4个小块,然后通过获取鼠标的坐标,设定图片4个小块的x、y坐标和scale缩放属性。
  我们现在就开始制作这个有趣的特效。
  步骤一:划分图片
  新建一个电影文件,规格500*500,选取文件菜单中的导入项(或者按Ctrl+R)导入一幅图片。
  然后将导入的图片分离(Ctrl+B),打开标尺(Ctrl+Shift+Alt+r),我们将图片按田字形划分为四个正方块,选择箭头工具框选图片的其中一块,然后将它转换为影片剪辑元件,名字为r_up,行为为“影片剪辑”。然后将它移开一些,以方便我们选取其他的方块。
  同样做法,转换其它部分得到元件:r_down、l_up、l_down。在属性面版分别为这四个元件实例定好名字:r_u、r_d、l_u、l_d。
  步骤二:创建跟随鼠标的空Movive Clip                                                     FLASH特效—有趣的手动哈哈镜 - ping807321126@yeah - ping807321126@yeah的博客
  这一步比较简单,新建一个影片剪辑元件,名字为drag。按ok后进入这新建元件的编辑界面,什么都不要添加,直接返回到主场景。
  然后将其从元件库中拖到主场景中。为了方便以后找到它,我们把它拖放到编辑区外(在屏幕中,非选定时用一个小孔心圆标示),并在属性浮动面板中,为其定义好名字为m_drag。
 FLASH特效—有趣的手动哈哈镜 - ping807321126@yeah - ping807321126@yeah的博客  
  双击图层1的第一帧,弹出动作面板,添加动作:startDrag("m_drag", true)。      
 在Layer 1的第2帧添加一帧(F5)。 
 步骤三:控制代码的编写
  添加一个层2,双击其第1帧,在动作面板中添加以下代码:
//分别设定四个图片方块的横、纵坐标及缩放。
setProperty ("l_u", _x, m_drag._x/2.7);
setProperty ("l_u", _y, m_drag._y/2.7);
setProperty ("l_u", _xscale, m_drag._x/2);
setProperty ("l_u", _yscale, m_drag._y/2);
 
setProperty ("r_u", _x, Number(m_drag._x)+Number(((500-m_drag._x)/1.65)));
setProperty ("r_u", _y, m_drag._y/2.7);
setProperty ("r_u", _xscale, (500-m_drag._x)/2);
setProperty ("r_u", _yscale, m_drag._y/2);
 
setProperty ("l_d", _x, m_drag._x/2.7);
setProperty ("l_d", _y, Number(m_drag._y)+Number(((500-m_drag._y)/1.575)));
setProperty ("l_d", _xscale, m_drag._x/2);
setProperty ("l_d", _yscale, (500-m_drag._y)/2);
 
setProperty ("r_d", _x, Number(m_drag._x)+Number(((500-m_drag._x)/1.65)));
setProperty ("r_d", _y, Number(m_drag._y)+Number(((500-m_drag._y)/1.6)));
setProperty ("r_d", _xscale, (500-m_drag._x)/2);
setProperty ("r_d", _yscale, (500-m_drag._y)/2);
  在Layer 2 的第2帧添加一帧(F5)。
  这样就完成了这个有趣的特效,大家可以按按组合键Ctrl+Enter测试一下效果。随处移动鼠标,你会见到那张图片的跟随变化。 
 
  评论这张
 
阅读(15)| 评论(0)
推荐 转载

历史上的今天

在LOFTER的更多文章

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2017