Flash鼠标特效精选实例(2)--4D鼠标

  第二节:4D鼠标

  该实例实现的是,模仿4D鼠标中键效果,当单击鼠标中键时,拖动鼠标可以控制文本滚动,最终效果如图2.1所示,要实现这一效果,具体步骤如下:


  图2.1 模拟鼠标中键效果

  1.新建一影片,通过属性面板设置其大小为400pxX300px(单位为象素)背景色为#CCCCCC。

  2.新建一图开元件“txt”,进入其编辑状态,将默认图层更名为“文本”,在工作区中输入文本,可以任意输入,不会影响效果。再新建一图层“背景”,为“文本”制作一背景,使用矩形工具,并设置其填充色(本例为:99CCCC),效果如图2.2所示:


  图2.2 制作“txt”元件

  3.新建一影片剪辑“text to scroll”,将“txt”元件从库中拖放到工作区中,选中时间轴窗口中的第125帧(如果希望滚动快一些可以少建几帧)插入一关键帧,将“txt”元件垂直向上移动一段距离,选中第1帧,单击鼠标右键,创建补间动画,并在该帧输入如下ActionScrip脚本:

  stop();

  //目的是有效控制文本的滚动

  4.新建一按钮元件“drag on off”,该按钮元件的制作非常简单,只需要在“弹起”帧中画一无填充色的矩形,在“点击”处画一比“弹起”,帧矩形要大一些的矩形分别如图2.3和2.4所示:


  图2.3矩形1


  图2.4矩形2

  5.新建一影片剪辑“drag1”,在工作区中绘制如图2.5所示的类似鼠标中键点击后的效果,并在第1帧中添加“stop();”以控制影片剪辑的播放。


  图2.5 鼠标中键

  6.新建一影片剪辑“up dn graphics”,在工作区中绘制如图2.6所示的“鼠标”图案,在时间轴第2帧处插入一关键帧。分另为第1和第2关键帧添加脚本“stop();”以控制影片的播放。


  图2.6绘制鼠标

  7.新建一影片剪辑“drag2”,其最终时间轴窗口如图2.7所示:


  图2.7 “drag2”时间轴窗口

  其详细制作过程如下:

  选中“black/arrow”图层,在第2帧处插入一关键帧,从库面板中将“up dn graphics”元件插入工作区中,取其实例名为“up”,以便为后面的程序控制。

  选中“script”图层分别为各帧添加如下代码:

  第1帧:

  stop();

  //控制影片剪辑的播放与否

  第2帧:

  centerY = getProperty("/load", _y);

  arrowY = getProperty("/drag", _y);

  if (Number(centerY) tellTarget ("/txt") {

  nextFrame();

  }

  tellTarget ("ud") {

  gotoAndStop(2);

  }

  }

  centerY = getProperty("/load", _y);

  arrowY = getProperty("/drag", _y);

  if (Number(centerY)>Number(arrowY)) {

  tellTarget ("/txt") {

  prevFrame();

  }

  tellTarget ("ud") {

  gotoAndStop(1);

  }

  }

  第3帧:

  gotoAndPlay(2);

  //回到第帧,以使影片循环播放

  8.返回主场景,将默认图层更名为:“txt”,将“text to scroll”从库面板中拖放工作区中,创建一实例并为其命名为“txt”;新建一遮罩层“text/mask”,在工作工中绘制一矩形,其填充色为黑色,以控制文本显示为,效果如图2.8所示:


  图2.8 创建遮罩效果

  9.新建“button”图层,在第1帧处将制作好的按钮元件“drag on off”拖放到工作区中,并调整其位置并在第2帧处插入一关键帧;新建一“load/mc”,在第1帧处将制作好的影片剪辑“drag1”,拖放到工作区中,创建

  实例“load”,同时为该关键帧添加如下ActionScript脚本:

  fscommand("allowscale", "false");

  //” allowscale”指定 false,则设置播放器以始终按影片的原始大小绘制影片,从不进行缩放。指定 true,则强制影片缩放到播放器的 100%。

  stop();

  //控制影片的播放

  10.新建一图层“drag/mc”,将制作好的影片剪辑“drag2”拖放到工作区中创建实例,取其实例名为“drag”。

  11.这样整个鼠标中键模拟效果就制作完成,保存作品,按“ctrl Enter”预览最终效果。

时间: 2024-08-31 01:58:23

Flash鼠标特效精选实例(2)--4D鼠标的相关文章

Flash鼠标特效精选实例(1)--3D鼠标跟随

第一节:3D鼠标跟随 该实例实现的是一3D小球随"鼠标"跟随效果,在制作过程中主要使用了自定义函数进行影片控制,大量使用了循环语句和赋值语句.影片最终播放效果如图1.1所示: 图1.1 影片最终效果 1.新建一影片,通过属性面板设置其大小为600pxX450px(单位为象素)背景色为#000000. 2.新建一影片剪辑"Sphere",选取"椭圆工具",在工作区中绘制一椭圆,并去掉其轮廓.打开"混色器"面板进行如图1.2所示的

Flash趣味鼠标特效大作战

鼠标|特效 从很早的版本开始,利用Flash就可以制作很多有趣的鼠标特效,下面我们来重温一下,制作几个有趣的鼠标特效. 一.实现原理 其实鼠标特效的原理都是大同小异的,让Clip先停在某一帧上面,当鼠标滑过的时候,播放相应的特效.一个Clip看起来不怎么好看,但几十个Clip放在场景中,靠规模制胜,鼠标触发播放相应的效果,看起来就颇为壮观了. 下面我们就来实现三个不同的实例,每一个实例都代表着一种类型的鼠标特效. 二.实例1 这个实例实现的是有关线变换的鼠标特效,与线的变换有关的鼠标特效都与这个

Flash轻松实现鼠标特效

鼠标|特效 作者:虬髯客 QQ:4077130 转载请注明出处和作者! 在网上经常看到一些做得非常cool的鼠标,看起来好像很复杂.但借助于FLASH强大的脚本语言,这根本不算什么.好了,不多说,现在我们就亲手做一个. 效果演示: 点击这里下载源文件 制作步骤: 1.打开Flash,新建一个"Flash文档",并保存. 2.按"Ctrl+F8",新建一个"影片剪辑",命名为"star",如图: 3.按"Ctrl+F8

Flash 3d效果精彩实例--鼠标3D感应

感应|鼠标 Flash在3D应用领域非常广阔,使用Flash可以很轻松的做出一些精彩奇妙的3D特效,而且许多效果可以响应鼠标的动作,此实例就是一个鼠标3D感应的效果,通过移动鼠标,可以影响影片中的3D小球,最终效果如下所示: 动画效果: 源文件下载>>>>>> 具体制作步骤: 1.启动Flash,新建一个影片,设置影片的舞台大小为250px*250px(单位为象素),设置影片的背景颜色为黑色. 2.新建一个影片剪辑元件,命名为Ball,进入元件的编辑区后,使用椭圆工具绘

Flash鼠标特效:弹性框架的制作

鼠标|特效 在送上教程之前,我想先感谢一位经典的网友,他介绍了一个数学公式编辑软件MATHTYPE,对我这次写教程有了很大的帮助.但是是谁一时想不起来,又找不到.如果找到的话,我一定会把他的大名公布出来,以示感激. 这是两个月前答应一位网友写的教程,但是当初没有时间,所以拖到现在.而且这个效果还是有相当一部分的人曾经在论坛上问过怎么做的.现在笔者挤出了点时间,给大家送上这个教程. 这基本上是用AS实现的.主要用了MovieClip对象的lineTo和curveTo方法,此外还有很多人都很熟悉的韩

JavaScript实现文字跟随鼠标特效_javascript技巧

本文实例讲述了JavaScript如何实现文字跟随鼠标特效.分享给大家供大家参考.具体如下: 运行效果图如下: <HTML> <HEAD> <TITLE>鼠标特效--文本围绕鼠标</TITLE> </HEAD> <BODY> <br><br> <center> <font color="red"><h2>鼠标特效--文本围绕鼠标</h2><

实例详解鼠标右键菜单

菜单|鼠标|详解|右键 原创教程,转载请注明出处:网页教学网 鼠标右键菜单一直都是大家比较热门的话题,从 Flash MX 开始就已经可以自定义鼠标右键菜单了,这里就将一些相关的对象及使用方法的相关资料介绍给大家. 右键菜单控制主要使用的是两个对象: ContextMenu 对象用于产生一个新的菜单数组 ContextMenuItem 对象用于产生一个新的菜单项 对于它的具体使用我们先来看一个具体的效果: 对于它的实现,我把主要的代码给大家说明一下: my_menu = new ContextM

JavaScript 实现鼠标拖动元素实例代码

 这篇文章主要介绍了JavaScript 实现鼠标拖动元素实例代码,需要的朋友可以参考下 一.前言   最开始实现鼠标拖动元素的目的就是在一个页面上拖动很多小圆点,用于固定定位,然后在复制HTML,粘贴在页面的开发代码中,就是这么一个功能,实现了很多遍,都没有做好,不得已采用了jQuery.fn.draggable插件,在接触一些资料和别人的思路,今天终于把这个拖动功能给完善了,下面就来看看它的实现     二.设计思路   在拖动元素上绑定鼠标按下事件,在文档对象中绑定鼠标移动,鼠标弹起事件:

JavaScript 实现鼠标拖动元素实例代码_javascript技巧

一.前言 最开始实现鼠标拖动元素的目的就是在一个页面上拖动很多小圆点,用于固定定位,然后在复制HTML,粘贴在页面的开发代码中,就是这么一个功能,实现了很多遍,都没有做好,不得已采用了jQuery.fn.draggable插件,在接触一些资料和别人的思路,今天终于把这个拖动功能给完善了,下面就来看看它的实现  二.设计思路 在拖动元素上绑定鼠标按下事件,在文档对象中绑定鼠标移动,鼠标弹起事件:为什么不把三个事件都绑定在拖动元素上,这是因为鼠标移动太快时,鼠标移动和弹起事件处理程序将不会执行 复制