教案flash鼠标跟随特效

合集下载

flash鼠标跟随的做法

flash鼠标跟随的做法

flash鼠标跟随的做法在网页中那些flash动画,鼠标跟随的特效是怎么做到的呢?以下店铺手把手教你所求知识技巧!欢迎观看!flash怎么做鼠标跟随1、打开flash8,新建一个文档,设置大小为400*250,背景颜色为白色,帧频为12fps。

2、执行导入-导入到舞台命令,把事先准备好的水浒英雄图片导入到舞台中,并且该图片也会自动导入到库中。

3、打开库,找到水浒英雄图片,双击该图片打开其位图属性面板,你会看到大小为2204*400.记住其宽度。

4、执行插入-新建元件命令,新建一个名称为”移动“的影片剪辑元件,单击确定进入元件编辑区域。

5、从库中把水浒英雄图片拖入到编辑区域,选择该图片并设置全居中(水平中齐、垂直中齐)使其中心和编辑区域中心对齐。

6、再次从库中两次拖入水浒英雄图片,分别放置在第一次拖入图片的两侧,并调整三幅图片的位置,使他们首尾相接。

7、执行插入-新建元件命令,新建一个名称为”缩放“的影片剪辑,点击确定进入编辑区域。

8、从库中拖拽”移动“影片剪辑元件到编辑区域,在属性面板中输入实例名称为picmove。

9、返回到主场景,从库中拖拽“缩放”元件到舞台,在属性面板中输入实例名称为pic.选择该元件,打开动作面板输入代码。

10、新建图层2,选择工具箱里椭圆工具,设置笔触颜色为黑色,填充颜色为无,按住shift键在舞台中心绘制一个正圆。

11、设置圆的大小为50*50,选择工具箱里的铅笔工具,在圆中绘制一个“十”字图样。

12、选择工具箱里的文本工具,设置字体为王羲之书法字体,大小为60,颜色为黑色,在舞台上输入”水浒英雄“。

13、执行文件-保存命令,保存名称为水浒英雄,然后按ctrl+enter组合键进行测试。

Flash常见的鼠标跟随效果

Flash常见的鼠标跟随效果

[Flash常见的鼠标跟随效果flash中的鼠标可以更有个性些,做起来也不算复杂,比如把鼠标指针换成你喜欢的样子,或让鼠标指针有一个灵动飘逸的跟随,如下图中的效果,怎么样?动手试试:一、例1:让鼠标指针变变样:把鼠标变成上面第一个图的样子,当然你爱咋样子的都行,比如一个字,一种形状,一张图片都行。

过程:1)插入一个元件,类型为影片剪辑,自己动手画个形状吧,像上面图一那样的也行,这不要紧,要紧的是在元件编辑视图下,要将这个图形的左上角对准中心的十字,否则鼠标定位时会有误差,如图:[小技巧:直接在舞台上绘图,完成后全选并右击,选择“转换为元件——影片剪辑——确定”,这样做影片剪辑,会自动对齐。

]2)把影片剪辑放到舞台上,实例名为:mouse_mc3)在帧上加代码,非常简单:mouse_mc.startDrag(false);stage.addEventListener(Event.ENTER_FRAME,myMouse);function myMouse(evt:Event) {mouse_mc.x = mouseX;mouse_mc.y = mouseY;}Mouse.hide();其中Mouse.hide(); 的作用是隐藏默认的鼠标指针,如果要恢复显示:Mouse.show();二、例2:鼠标指针后面跟随飘逸的枫叶:过程:1)把这几张图下载到你的电脑上,并导入到flash库中去。

2)把这些图拖到舞台上去,按图从小到大的顺序依次分别右击他们,并选“转换成元件——影片剪辑——确定”:按“从小到大”的顺序操作,是为了叠放次序,后来居上:虽然在同一时间轴图层上,但后转换成影片剪辑的会居上方。

3)同样从小到大,依次取实例名为:level0、level1、level2、level3、level4、level5 4)在帧上加一些简单的代码即可:level0.startDrag(false);stage.addEventListener(Event.ENTER_FRAME,myMouse);function myMouse(evt:Event) {level0.x = stage.mouseX + 20;level0.y = stage.mouseY + 10;var speed:uint = 3;for (var i:uint = 1; i<=5; i++) {this["level"+i].x += (this["level" + (i-1)].x -this["level" + i].x )/speed;this["level"+i].y += (this["level" + (i-1)].y -this["level" + i].y )/speed;}}三、例3:鼠标跟随飘动的文字这个其实和例2是一样的,把图片换成一个个文字,其他的过程一样,数量有些不同,改改相关的代码即可。

flash鼠标跟随

flash鼠标跟随

Flash鼠标跟随简介Flash是一种常用的多媒体技术,可以创建动画、游戏和交互式应用程序。

在Flash中,鼠标跟随是一种常见的交互效果,它可以使对象或元素在鼠标移动时进行相应的移动。

在本文中,我们将学习如何使用Flash来实现鼠标跟随效果。

我们将介绍基本的思路和步骤,并给出示例代码帮助你更好地理解。

实现步骤步骤1:创建一个新的Flash项目首先,你需要创建一个新的Flash项目。

打开Flash软件,点击“文件”菜单,选择“新建”来创建一个新的项目。

步骤2:添加元件在Flash项目中,你可以使用元件来创建和管理图形、动画和其他对象。

我们将添加一个元件来实现鼠标跟随效果。

点击菜单栏上的“插入”按钮,选择“新建元件”。

在弹出的对话框中,选择一个合适的元件类型,比如影片剪辑(Symbol)。

步骤3:设置鼠标跟随1.将创建的元件拖动到舞台上。

2.在舞台上,选中该元件,然后点击顶部的“属性”面板。

3.在属性面板中,找到“动画”选项卡,并点击“创建新的动画”,创建一个新的动画帧序列。

4.在舞台上的元件中,选中第1帧,在顶部的“属性”面板中,找到“动作”选项卡。

5.在“动作”选项卡中,选择“鼠标”并勾选“跟随”。

步骤4:设置对象的移动现在,当鼠标在舞台上移动时,元件将跟随鼠标进行移动。

但是,通常我们希望元件有一定的平滑移动效果。

1.在舞台上,选中元件的第1帧,在属性面板中选择“动作”选项卡。

2.在“动作”选项卡中,选择“脚本”并输入以下代码:onEnterFrame = function () {this._x += ( _xmouse - this._x ) / 10;this._y += ( _ymouse - this._y ) / 10;}以上代码创建了一个onEnterFrame函数,它在每一帧都会执行。

函数中的代码计算了元件的新位置,并使用简单的缓动效果让元件平滑地跟随鼠标移动。

步骤5:导出并测试最后一步是导出Flash项目并测试鼠标跟随效果。

教案flash鼠标跟随特效

教案flash鼠标跟随特效

课题:用flash制作鼠标跟随特效日期:20014-10-21 班级:13青鸟教师:张斌教学目的通过本节课的学习,让学生利用以前学习过的按纽结合脚本语言制作出鼠标在屏幕上滑过时产生特殊的动态效果。

德育要点学生通过观察范例动画,分析实现该动画的方法并完成制作。

培养学生的学习兴趣,增加学生的动手实践能力与参与意识。

教学重点制作能在鼠标滑过后播放的动画教学难点合理的使用脚本语言控制动画效果课型:实践教具:计算机教师活动学生活动设计意图【组织教学】一、复习提问观看动画,并且按老师要求完成下列要求1.在动画播放时让小球停止2.当鼠标点击按钮后,小球移动请1或2名同学演示操作二、讲授新课(一)介绍本节课学习的动画效果,要求学生观察鼠标在屏幕上运动后产生的效果。

(二)比较分析两个动画分析雪花的特征,设计制作思路将鼠标停止在某一位置,让学生观看单独的雪花落下的过程,并分析该过程的特征,根据分析结果制定设计方法动画特征:1,动画包含一个雪花下落融化消失过程2,鼠标指针经过的位置才有雪花鼠标指针没有经过的位置动画停止学生回忆前一节课的内容。

在老师提供的动画中分别使用stop 和goto语句完成操作要求。

1 在第一帧加stop2 在按钮上加goto学生对屏幕上鼠标滑过后看到有雪花落下的效果感到惊奇学生通过观看动画对动画的效果分解并猜测动画中各个部分的特征。

所提问的内容与本节课有直接关系,帮助学生更好学习新课。

既复习了学习过的内容又可以为本节学习做铺垫。

通过特效激发学生的兴趣。

培养学生分析问题并解决问题的能力,同时也增强了学生的观察力调动学生学习的自觉性和主动性,让学生自己参与到教学过程中来。

3,动画开始处有个看不见的按钮(三)制作雪花跟随鼠标特效动画1,制作静止雪花a 绘制六瓣雪花中的一个花瓣b 利用变形工具(ctro+t)旋转复制2 制作雪花下落融化a 将雪花转换成影片命名为snowb 双击snow 影片进入编辑状态c 创建补间动画在30帧加关键帧d 在30帧移动雪花调整ALPHA值为03 添加按纽,使用语言控制动画a 在第一帧增加关键帧b 在第一帧添加方形按钮c 在第一帧添加stop函数d 在按钮上使用goto函数控制动画播放学生制作不同的花瓣,通过旋转复制可以得到各不相同的雪花学生根据老师的提示提出制作要求,1 雪花从上到下移动2 雪花移动的下方时融化学生根据老师的提示提出制作要求,1 雪花下落的动画需要先停止在第一帧2 增加按纽,并用goto函数使鼠标滑过按扭时,播放雪花下落动画。

鼠标拖动物体的FLASH动画制作教案

鼠标拖动物体的FLASH动画制作教案

鼠标拖动物体的FLASH动画制作教案一、教学目标1. 让学生了解和掌握FLASH动画制作的基本知识。

2. 培养学生运用FLASH软件制作鼠标拖动物体的动画能力。

3. 提高学生创新意识和团队协作能力。

二、教学内容1. FLASH动画制作基本概念2. FLASH软件界面及功能介绍3. 鼠标拖动物体的FLASH动画制作流程4. 鼠标拖动物体动画的关键技术5. 动画作品的展示与评价三、教学重点与难点1. 教学重点:FLASH动画制作的基本操作,鼠标拖动物体动画的制作流程。

2. 教学难点:鼠标拖动物体动画的制作技巧,动画作品的创新设计。

四、教学方法1. 采用案例教学法,让学生通过模仿案例来掌握FLASH动画制作技巧。

2. 采用任务驱动法,让学生在完成具体任务的过程中,学会鼠标拖动物体动画的制作。

3. 小组合作学习,培养学生团队协作能力和创新能力。

五、教学准备1. 教师准备FLASH软件、教学案例及素材。

2. 学生准备笔记本电脑或平板设备,安装FLASH软件。

3. 网络环境,用于展示和分享作品。

六、教学过程1. 导入新课:通过展示一个鼠标拖动物体的FLASH动画案例,激发学生的学习兴趣。

2. 讲解FLASH动画制作基本概念,介绍FLASH软件界面及功能。

3. 讲解鼠标拖动物体的FLASH动画制作流程,包括:设计角色、制作动画、添加音效等。

4. 示范制作一个简单的鼠标拖动物体动画,讲解制作过程中的关键技术。

5. 学生动手实践,模仿案例制作自己的鼠标拖动物体动画。

6. 学生互相交流、讨论,解决制作过程中遇到的问题。

7. 教师巡回指导,针对学生的作品进行点评,提出改进意见。

8. 学生根据点评意见,修改完善自己的作品。

9. 组织学生进行作品展示,互相评价,选出优秀作品。

七、课后作业1. 制作一个有趣的鼠标拖动物体FLASH动画。

3. 观察并思考如何在动画作品中融入更多的创新元素。

八、教学评价1. 学生作品的创意性、技术性和完成度。

FlashAS2——鼠标特效

FlashAS2——鼠标特效

FlashAS2——鼠标特效在Flash应用中经常会用到鼠标特效来为作品增色,如自定义鼠标样式、鼠标动画、鼠标跟随等,本节简要介绍几种鼠标特效的实现方法。

一、自定义鼠标样式自定义鼠标样式实质上就是制作多帧的影片剪辑,每帧一个鼠标样式,然后,隐藏系统鼠标,利用startDrag拖动影片剪辑实现。

通过事件触发跳转到指定的帧,如在不同的区域显示不同的鼠标指针样式。

实例:不同品种的酒使用不同酒杯步骤:1. 绘制三色旗背景如视频中所示,在三个区域分别写上酒名;2. 制作“酒杯”影片剪辑,共有三个关键帧,在每个关键帧上绘制不同的酒杯;3. 将酒杯影片剪辑拖动到舞台上,实例名为cup;4. 绘制矩形,大小任意,转换为影片剪辑,元件名为“矩形块”;5. 在舞台上生成矩形块的三个实例,实例名分别为b1、b2、b3;6. 将b1、b2、b3分别覆盖三色背景;7. 在第一帧添加代码:b1.onRollOver=function(){cup.gotoAndStop(1);}b2.onRollOver=function(){cup.gotoAndStop(2);}b3.onRollOver=function(){cup.gotoAndStop(3);}8. 测试影片。

二、鼠标动画鼠标动画一般是在鼠标指针位置播放影片剪辑动画,从而吸引使用者的注意力。

如在鼠标位置放置一个旋转的星星、奔跑的小马或烟火效果等,需要补间动画和代码配合使用。

1. 旋转的星星步骤:(1) 制作一个做圆周运动的五角星的影片剪辑,元件名为星运动,实例名为star;(2) 在场景第一帧添加代码:startDrag(star,true);(3) 测试影片。

2. 烟花四射步骤:(1) 制作一个圆点从左向右运动的影片剪辑,元件名为圆点运动,实例名为dot;(2) 影片剪辑动画形式为淡出,在最后一个关键帧添加代码:this.removeMovieClip();(3) 在场景第一帧添加代码:i=1;onEnterFrame=function(){duplicateMovieClip(yundong,"d"+i,i); // 复制圆点运动影片剪辑_root["d"+i]._x=_xmouse;_root["d"+i]._y=_ymouse;_root["d"+i]._rotation=random(360); // 设定动画的运动方向为向四周发散i++;}(4) 测试影片。

flash制作―鼠标跟随(精)

flash制作―鼠标跟随(精)

新建图层2,在第2帧处插入一个关键帧,单击窗口 下方的动作对话框,选择“变量”下的“set variable”, 设置其变量域为“/hlf:x”, 值域为“”X:“ add getProperty (”/hlf“,_x)”, 再选择“set variable”,设置其变量域为“/hlf:y” 值域为“"Y:" add getProperty ("/hlf",_y)”;
4.4.2 Flash动画制作软件
3
Flash动画编辑 —— 鼠标跟随
选择文本工具,在工作区的相应位置单击,设置其 变量属性为x,再选择文本工具,在相应位置处单 击,并设置其变量属性为y
4.4.2 Flash动画制作软件
4
Flash动画编辑 —— 鼠标跟随
选择时间轴下方的场景1按钮,切换到场景1,选择 菜单命令“窗口|库”,将刚才定义的符号mouse拖入 到编辑区中
4.4.2 Flash动画制作软件
5
Flash动画编辑 —— 鼠标跟随
设置该符号属性对话框中的名称为“hlf”,双击动作 设置对话框中的“影片剪辑控制”下的“startDrag”, 设置目标为“/hlf”,选中“锁定鼠标到中央”
4.4.2 Flash动画制作软件
6
Flash动画编辑 —— 鼠标跟随
4.4.2 Flash动画制作软件
6
Fla作软件
7
Flash动画编辑 —— 鼠标跟随
双击动作对话框中的“影片控制”项下的“goto” ; 选择菜单命令“控制|测试电影”,移动鼠标观看效果。
4.4.2 Flash动画制作软件
1
Flash动画编辑 —— 鼠标跟随
新建影片,选择菜单命令“插入|新建元件”,设置名 称为“mouse”,“行为”为“影片剪辑”,确定后进入符 号编辑模式;

鼠标拖动物体的FLASH动画制作教案

鼠标拖动物体的FLASH动画制作教案

鼠标拖动物体的FLASH动画制作教案一、教学目标1. 让学生了解和掌握FLASH动画制作的基本概念和操作方法。

2. 培养学生运用FLASH软件制作简单动画的能力。

3. 引导学生掌握鼠标拖动物体的动画制作技巧。

二、教学内容1. FLASH动画制作基本概念和操作方法。

2. 鼠标拖动物体的动画制作原理和技巧。

三、教学重点与难点1. 教学重点:FLASH动画制作的基本操作,鼠标拖动物体的动画制作技巧。

2. 教学难点:鼠标拖动物体的动画制作原理和技巧。

四、教学准备2. 准备教学用的FLASH动画素材。

3. 准备投影仪或大屏幕显示设备。

五、教学过程1. 导入新课:通过展示一个有趣的鼠标拖动物体的FLASH动画,激发学生的学习兴趣。

2. 讲解FLASH动画制作的基本概念和操作方法:介绍FLASH软件的界面布局,工具栏的功能,以及动画制作的基本流程。

3. 演示鼠标拖动物体的动画制作过程:讲解鼠标拖动物体的动画制作原理,示范操作步骤。

4. 学生动手实践:让学生利用FLASH软件和提供的素材,尝试制作一个简单的鼠标拖动物体的动画。

5. 课堂讲解与实践:引导学生分析和解决制作过程中遇到的问题,指导学生完成动画制作。

7. 课后作业:布置一个课后作业,要求学生利用所学知识,制作一个有趣的鼠标拖动物体的FLASH动画。

教学评价:通过学生在课堂上的表现和实践作品的完成情况,评价学生对FLASH 动画制作的基本操作和鼠标拖动物体的动画制作技巧的掌握程度。

六、教学拓展1. 介绍FLASH动画的其他制作技巧,如补间动画、引导动画等。

2. 引导学生探索鼠标拖动物体的动画在实际应用中的案例,如网页广告、游戏等。

七、课堂互动1. 提问环节:在学习过程中,鼓励学生提问,解答学生对FLASH动画制作和鼠标拖动物体动画的疑问。

2. 小组讨论:分组让学生探讨如何优化和改进制作的动画,提高学生的创新能力和团队合作精神。

八、教学评估1. 课堂练习:检查学生在课堂上的实践作品,评估其对FLASH动画制作和鼠标拖动物体动画的掌握程度。

FLASH里实现鼠标跟随的两种方法

FLASH里实现鼠标跟随的两种方法

FLASH里实现鼠标跟随的两种方法FLASH是一种流行的多媒体平台,可以创建富有互动性和动画效果的网页内容。

实现鼠标跟随效果可以增加网页的交互性,并为用户提供更好的使用体验。

下面将介绍两种实现鼠标跟随的方法,以及它们的实现原理和示例代码。

方法一:使用鼠标事件和坐标计算首先,我们可以利用Flash中的事件监听器和鼠标事件来实现鼠标跟随的效果。

具体步骤如下:1. 创建一个MovieClip并将其命名为“follower”。

2.在舞台上添加一个事件监听器,监听鼠标的移动事件。

3.在事件处理函数中获取鼠标的当前坐标。

4. 将“follower” MovieClip 的坐标设置为鼠标的当前坐标。

以下是示例代码:```actionscriptimport flash.events.MouseEvent;// 创建一个follower MovieClipvar follower:MovieClip = new MovieClip(;follower.graphics.beginFill(0xFF0000);follower.graphics.drawRect(0, 0, 50, 50);follower.graphics.endFill(;addChild(follower);//监听舞台上鼠标的移动事件stage.addEventListener(MouseEvent.MOUSE_MOVE, mouseMoveHandler);//鼠标移动事件处理函数function mouseMoveHandler(event:MouseEvent):void//获取鼠标的当前坐标var mouseXPos:Number = stage.mouseX;var mouseYPos:Number = stage.mouseY;// 设置follower MovieClip的坐标为鼠标的当前坐标follower.x = mouseXPos;follower.y = mouseYPos;```方法二:使用鼠标速度和缓动动画第二种方法是利用鼠标的移动速度和缓动动画来实现鼠标跟随的效果。

鼠标特效动画

鼠标特效动画
5)、stopDrag(target)指令
当省略参数时,表示停止拖曳对象。
任务1——跟随鼠标移动的小老鼠
任务分析
“跟随鼠标移动的小老鼠”主要由 小老鼠影片剪辑元件跟随鼠标移动构 成,在制作时,导入小老鼠图像创建 影片剪辑元件,然后通过动作面板在 帧上添加startDrag( )命令 来完成小老
鼠跟随鼠标移动的动画。
Flash cs3二维动画制作
鼠标特效动画
学习目标
1、掌握常用的ActionScript2.0命 令。
2、能应用ActionScript2.0制作特 效动画。
任务
任务1——跟随鼠标移动的小老鼠 任务2——带尾巴的小星星 任务3——拼图游戏 任务4——放大镜
任务1——跟随鼠标移动的小老鼠
相 关 知 识
任务3——拼图游戏
任务分析
“拼图游戏”主要是零散的小图片影 片剪辑元件通过startDrag()函数的 控制跟随鼠标移动并可以放置在下方 的提示图片的合适位置,完成拼图后
出现成功致词。
任务实施
步骤1:素材准备,导入素材 步骤2:制作“button_body”按钮元件 步骤3:制作button_action影片剪辑元件 步骤4:制作pic1影片剪辑元件 步骤5:返回场景 步骤6:测试影片
1、startDrag和stopDrag指令
1)格式:startDrag(target,[lock ,left , top , right, bottom])
2)功能:用来设置鼠标拖曳舞台工作区的影片剪辑实例对象。
3)参数说明:
target:要拖动的影片剪辑的目标路径。
lock:一个布尔值。指定可拖动影片剪辑是锁定到鼠标位置中央 (true),还是 锁定到用户首次单击该影片剪辑的位置上 (false)。此参数是可选的。

《flash鼠标跟随特效》说课

《flash鼠标跟随特效》说课

flash鼠标跟随特效说课哈尔滨市第一职业高级中学信息技术组:张斌flash鼠标跟随特效说课一、教材分析《flash鼠标跟随特效》是职业高中北大青鸟特色班专用教材中的内容。

本科目是学生第一次学习动画知识。

是全套教材中培养学生多媒体素养的重要组成部分。

通过本章的学习,学生不仅掌握了flash动画的制作方法,而且培养了学生的想象力、创新意识、动手能力和正确的审美情趣。

本课是本章中学生对Flash软件的初步接触,承接上一节课的动画原理。

并贯穿了后面几节课的动画制作教学,是学生能够快速掌握Flash软件的基础和保障。

二、学生分析1、通过。

前一课对按钮动画的学习,学生已经了解动画的基本原理。

本课。

学生将使用flash软件完成一个真正的动画。

学习新知的同时强化对动画原理的理解。

2、学生对新软件的认知容易肤浅。

因此,在教学过程中,教师应注意创设一个与学习内容相似的“情景主题”,以学生为活动的主体,通过类比和对比来实现知识的学习和能力的提高。

3、由于学生的学习风格、认知基础、动手能力有差异,考虑学生的分层培养,让所有学生都学有所获。

三、教学目标:知识目标:通过本节课的学习,让学生利用以前学习过的按纽结合脚本语言制作出鼠标在屏幕上滑过时产生特殊的动态效果。

能力目标:培养学生分析问题、解决问题的能力及实践能力。

德育目标:以制作简单动画为任务驱动,激发学生学习flash的兴趣,培养学生的成就感。

四、教学重难:教学重点:制作能在鼠标滑过后播放的动画。

教学难点:合理的使用脚本语言控制动画效果。

五、教法与学法为达到本节课的教学目标,依据学生的心理特点,我从学生的学习兴趣、生活经验和认知水平出发,主要采用愉快教学法,坚持兴趣第一原则,给他们以动力,促使他们学好计算机。

真实运用任务驱动法,以任务为主导,活动为主线,为学生提供充分的实践机会,鼓励学生积极参与,让学生在活动中学习电脑知识;引导学生完成本课的知识学习任务;引导学生去提出问题、分析问题和解决问题,突出本课教学重点;并在教学过程中注意培养学生的操作能力和自主学习信息技术的能力;注重网络道德教育。

鼠标跟随效果教学设计

鼠标跟随效果教学设计

《鼠标跟随效果》教学设计
南昌第二职业中学黄勇
课题FLASH动画实例――鼠标跟随效果课型操作课授课时间1课时
教学目标1、学会制作鼠标跟随效果,进一步掌握影片控制函数的运用;
2、调动学生的想象力。

教学重点、难点1、掌握帧代码与按钮代码编写的区别;
2、鼠标跟随效果的制作。

教学进程
一、复习:
1、FLASH中元件的三种类型;(图形元件、按钮元件、影片剪辑元件)
2、帧代码与按钮代码编写的区别;(以如何将画面中行驶的汽车停下来为例)
(以学生演示操作为主,教师总结)
二、讲授实例
导入:在WINDOWS中我们可以让鼠标有一条长长的尾巴,这种设置同学们经常进行,但我个人认为这种效果太单调,利用FLASH我们可以制作出更加眩丽的“鼠标跟随”效果。

《鼠标跟随效果》操作步骤:
1、新建一个FLASH文档,设置舞台大小为:540×390,背景色为蓝色;
On (rollover){
Gotoandplay(2);
}
13、返回到场景窗口中,单击图层一的第1帧,在舞台中放入若干影片剪辑,使其有序的布满舞台;
14、按Ctrl+Enter组合键观看效果。

三、学生操作及作品展示
四、本课小结
五、学生作业。

鼠标拖动物体的FLASH动画制作教案

鼠标拖动物体的FLASH动画制作教案

鼠标拖动物体的FLASH动画制作教案一、教学目标1. 让学生了解和掌握FLASH动画的基本概念和制作方法。

2. 培养学生运用FLASH软件制作简单动画的能力。

3. 培养学生动手操作和团队协作的能力。

二、教学内容1. FLASH动画的基本概念。

2. FLASH软件的基本操作。

3. 鼠标拖动物体的FLASH动画制作。

三、教学重点与难点1. 教学重点:FLASH动画的制作方法和技巧。

2. 教学难点:鼠标拖动物体的FLASH动画制作。

四、教学准备1. 电脑设备:每台电脑安装有FLASH软件。

2. 教学素材:FLASH动画制作教程、实例文件。

五、教学过程1. 导入新课:通过展示一个有趣的鼠标拖动物体FLASH动画,激发学生的兴趣,引出本课主题。

2. 讲解基本概念:介绍FLASH动画的基本概念,如帧、图层、元件等。

3. 基本操作训练:讲解和演示FLASH软件的基本操作,如创建元件、添加帧、设置背景等。

4. 制作鼠标拖动物体动画:讲解鼠标拖动物体动画的制作方法,引导学生动手实践,制作一个简单的鼠标拖动物体动画。

5. 课堂练习:学生分组,合作完成一个鼠标拖动物体FLASH动画的制作。

6. 作品展示与评价:学生展示自己的作品,互相评价,教师给予指导和鼓励。

7. 总结与拓展:总结本节课所学内容,布置课后作业,拓展学生对FLASH动画的进一步了解和学习。

六、教学评价1. 评价学生对FLASH动画基本概念的理解和掌握程度。

2. 评价学生运用FLASH软件制作简单动画的能力。

3. 评价学生在团队协作中的表现和创造力。

七、课后作业1. 复习本节课所学的FLASH动画制作方法,回顾制作过程中的技巧和注意事项。

2. 完成一个个人作品的拓展,尝试运用本节课学到的知识制作一个更复杂的鼠标拖动物体FLASH动画。

八、教学反思在课后,教师应反思本节课的教学效果,包括学生的参与度、理解程度和操作技能的提升。

教师也应考虑如何改进教学方法,以适应不同学生的学习需求。

flash按钮鼠标经过图像的制作教案

flash按钮鼠标经过图像的制作教案

Flash 按钮鼠标经过图像的制作教案教学目标:1. 了解Flash按钮的基本概念和作用。

2. 学会制作Flash按钮鼠标经过图像的效果。

3. 掌握Flash按钮的代码编写和调试方法。

教学内容:1. Flash按钮的概念和作用2. Flash按钮的创建和编辑3. 鼠标经过Flash按钮时的效果制作4. Flash按钮的代码编写和调试教学步骤:一、Flash按钮的概念和作用(5分钟)1. 介绍Flash按钮的定义和特点。

2. 讲解Flash按钮在网页设计和动画制作中的应用。

二、Flash按钮的创建和编辑(10分钟)1. 演示如何创建一个新的Flash文档。

2. 讲解Flash按钮的组成部分:按钮形状、颜色和文字。

3. 演示如何编辑Flash按钮的属性。

三、鼠标经过Flash按钮时的效果制作(10分钟)1. 讲解鼠标经过Flash按钮时的效果类型:变化颜色、变化图像等。

2. 演示如何为Flash按钮添加鼠标经过效果。

3. 讲解如何调整效果的持续时间和过渡速度。

四、Flash按钮的代码编写和调试(10分钟)1. 讲解Flash按钮的代码结构和功能。

2. 演示如何编写Flash按钮的代码。

3. 讲解如何调试Flash按钮的代码,确保其正常运行。

五、综合练习:制作一个带有鼠标经过效果的Flash按钮(15分钟)1. 引导学生根据所学内容,独立制作一个带有鼠标经过效果的Flash按钮。

2. 提供练习素材和参考代码,帮助学生完成练习。

3. 解答学生在制作过程中遇到的问题,并提供指导和建议。

教学评价:1. 课后收集学生的练习作品,对作品进行评价和反馈。

2. 课堂上邀请学生分享自己的制作经验和心得,促进学生之间的交流和学习。

3. 对学生的学习态度、参与度和动手能力进行综合评价。

六、Flash按钮动作脚本基础(10分钟)1. 介绍ActionScript 3.0的基础知识。

2. 讲解如何为Flash按钮添加动作脚本。

鼠标拖动物体的FLASH动画制作教案

鼠标拖动物体的FLASH动画制作教案

《鼠标拖动物体的FLASH动画制作》教案专业:信息技术教育班级:0911 日期:2010.11
6.保存原文件并运行测试作品
二、拓展任务项目二
制作QQ牧场游戏
1.引出项目
项目一中,“苹果”是静止不动,如果被拖动的物体是动态的,又如何制作?(演示
项目二:QQ牧场游戏)
2.设计制作过程(略)
3.完成作品
针对动
手能力
强的学

三、实训项目小结
项目名称:鼠标拖动物体动画制作
方法步骤:1.制作一个被拖动的影片剪辑
2.将该影片剪辑转换为按钮并命名
3.给按钮编写代码
4.保存、运行测试、发布作品
四、课外实训任务:
自己从网上查找素材,完善 QQ牧场游戏制作,上传到FTP:192.168.0.6服务器中。

. .。

Flash动画制作案例:跟随鼠标的小圆

Flash动画制作案例:跟随鼠标的小圆

Flash动画制作案例:跟随鼠标的小圆本案例主要使用了创建元件功能与Action Script技术来编辑制作鼠标跟随的动态效果。

操作步骤(1)新建一个Flash文档,新建一个名称为“ball”的图形元件。

在工作区中使用椭圆工具绘制一个27×27大小的灰色无边框的正圆,使其居中对齐,如图9-1所示。

图9-1 绘制圆形(2)新建按钮元件“btn”,在点击帧处按“F6”插入关键帧,使用椭圆工具绘制一个27×27的白色无边框的正圆,如图9-2所示。

图9-2 新建按钮元件(3)新建影片剪辑“cool”,将“库”中的“btn”元件拖动到舞台中,选中按钮,打开“动作”面板,输入以下代码,如图9-3所示。

on (rollOver){gotoAndPlay(2);}图9-3 添加代码(4)新建图层2,在第1个关键帧上输入代码:stop();,如图9-4所示。

图9-4 添加代码(5)在第2帧插入空白关键帧,将库中的“ball”元件拖动到场景中,在第14帧插入关键帧,并将此帧中的图形放大至66×66,设置其Alpha值为“5”,然后在第2帧与第14帧之间创建动画,如图9-5所示。

图9-5 .设置Alpha值(6)回到场景1,将“库”中的“cool”元件拖动到舞台中,多次复制并铺满整个舞台,如图9-6所示。

图9-6 拖入元件(7)新建一个图层2,并将一幅图像导入到舞台上,然后将该图层拖动到图层1的下方,如图9-7所示。

图9-7 导入图像(8)执行“文件→保存”命令,保存文件,然后按下“Ctrl+Enter”组合键输出测试影片即可,如图9-8所示。

图9-8 欣赏效果。

制作鼠标跟随特效

制作鼠标跟随特效

制作鼠标跟随特效在浏览别人的网站时,我们常常会看到使用Flash做的鼠标跟随效果,十分绚丽.今天我们来学习怎么制作这种效果.思路:其实实现这个效果并不难,不过是复制影片剪辑(Movie clip,以下简称MC)duplicate MovieClip的应用罢了,把同一个MC复制好多份,让它们跟着鼠标跑,重点就在于要怎么跟着鼠标跑才会好看,跟着有点紧又不太紧,才会有甩来甩去的效果.只要了解这个技巧就不难了~~1、打开Flash MX,新建一个文件,在主场景里画上你希望跟随在鼠标后面的图案不需要画的太大,本例的图案是3个大小不一的圈.2、在主场景中选中你画好的图案,按F8将它转换为MC,取名为"鼠标尾巴".3、在属性面板中将"鼠标尾巴"的实例名取为"Tail_mc".4、选中"鼠标尾巴"按F8再次将它转换为MC,取名为"鼠标拖动动画".如此一来,"鼠标尾巴" MC就被包含在"鼠标拖动动画"MC之内了.5、点选画面上的"鼠标拖动动画"MC,打开动作脚本面板输入下列动作脚本代码: onClipE vent (load) {// 初始化变量; StartSize = 20; MaxStep = 20; SizeIncrement = 15;// 复制尾巴符号; for (var i = 1; i<=MaxStep; i++) { duplicateMovieClip(Tail_mc, "Ta il"+i, i); with (eval("Tail"+i)) { _xscale = StartSize+(i*SizeIncrement); _yscale = Star tSize+(i*SizeIncrement); _alpha = 100-(100/MaxStep)*(i-1); } }// 隐藏原始的符号; Tail_mc._visi*e = false; }我们将这一大段的动作脚本加在MC的load时间中,目的是让符号一载入时就作好一些初始化的工作.这里完成了三个工作:初始化变量、复制尾巴符号、隐藏原始符号.首先来看初始化的变量的意义:StartSize 鼠标尾巴图形起始的大小,20代表20%.MaxStep 要复制几个符号跟着拖动,数字越大则尾巴越长.SizeIncrement 每个符号递增的大小,15代表15%.接着用一个for循环来复制"鼠标尾巴"的MC,变量i从1跑到MaxStep,也就是20,所以总共会复制出20个符号来.duplicateMovieClip复制出来的符号名称是用["Tail"+i]组合出来的,结果就是T ail1、Tail2、T ail3……一直到Tail20.MC复制出来之后,要一个一个的设置它们的大小和透明度,在第9行里使用了一个with命令,这样一来下面大括号里的属性都不需要再加上MC的名称,通通是以with中所指定的名称来作为符号名称,这样可以少打很多字,不错吧!水平和垂直方向的放缩(_xscale,_yscal e)都是以StartSize为基准再加上SizeIncrement*i,这样一来复制出来的MC就会越来越大,因为i的值是从1到20,所以放缩值是35、50、65…….而透明度(_alpha)则是很平均的递减,值为100、95、90……一直到5.当MC都复制完了之后,第16行将原始的mc"Tail_mc"(即主场景中的"鼠标拖动动画")隐藏起来即可.6、接下来,在刚才脚本代码的后面继续添加动作脚本代码如下: onClipEvent (enterFrame) {// 让第一个符号跟着鼠标移动; Tail1._x = _xmouse; Tail1._y = _ymouse;// 让其他符号跟着前一个符号移动; for (var i = 2; i<=MaxStep; i++) { Temp = eval ("Tail"+i); Temp.xdistance = (eval("Tail"+(i-1))._x-Temp._x)/2+Temp.xdistance*0.3; Te mp.ydistance = (eval("Tail"+(i-1))._y-Temp._y)/2+Temp.ydistance*0.3; Temp._x += T emp.xdistance; Temp._y += Temp.ydistance; } }这段代码的作用是用来控制复制出来的的MC的运动的.将程序代码加在MC的enterFa me事件中,让没个尾巴符号都能不断的更新坐标位置,才能跟的上鼠标的移动.Tail1._x = _xmouse;Tail1._y = _ymouse;这两句让第一个复制出来的MC紧跟着鼠标移动,后面的MC就一个接着一个的追着前一个MC运动.例如Tail2追Tail1、T ail3追Tail 2、Tail4追Tail3……以此类推.但是又不能追的太紧,否则就没有甩动的效果了.所以在下面的用循环控制每个MC的坐标的同时,使用了一个小技巧,这也是鼠标跟随效果的最重要的精华所在: 为了不让Tail2追着Tail1追的太紧,所以只能让T ail2前进到两者之间距离的一半,也就是(Tail1._x-Tail2._x)/2,这是X轴的坐标,Y轴的也一样.但若每次都只跑一半的距离,这样永远都不会追上,不管两者距离多小,永远都存在着一半的距离,这样就没办法形成甩动的效果,所以就让它再多跑一点点,整个运算公式用口语来叙述就变成:(前一个MC坐标- 当前MC坐标) / 2 + 两者之间的距离* 0.3其中多跑一点就用"两者之间的距离* 0.3"来代替,要特别注意的是"两者之间的距离"是上次移动的距离,而不是这次移动的距离.若上次移动的距离很大而这次移动的很小,那么"两者之间的距离* 0.3"计算出来的值就有可能超过这次移动的距离,从而产生甩动的效果.7、鼠标跟随的效果做好了,输出影片测试一下吧.你还可以通过修改"鼠标尾巴"这个MC里面的图案来获得不同的鼠标跟随效果!好看.可我一看那么复杂头都大了.还是看你们做吧.俺一级笨.... :俺也笨笨的门都看不出..太难了!藕是老死也学不会了!嘿嘿!。

鼠标跟随教研课教案

鼠标跟随教研课教案

“FLASH鼠标跟随”教案【课题】鼠标跟随【课时】1课时(45分钟)【教学目标】1.认知目标:理解ActionScript的概念,掌握帧动作和按钮动作的应用。

2.能力目标:通过简单Action的掌握,引导学生制作更复杂的Action动画。

3.情感目标:利用上机分组操作,培养学生的协作精神。

【重点难点】重点:影片剪辑的制作方法难点:Action动作代码【教学方法】1.采用案例、情境、启发式教学法。

2.采取了由浅入深、循序渐进的教学策略,以实例讲解->综合练习->引发学生思考为流程。

3.运用“引——激——拓”的课堂教学模式。

【教具】机房、投影仪、多媒体教育平台【教学过程】一、复习旧知,为新课作铺垫1、要求学生在自己的电脑上制作小球从上往下坠落的动画;2、然后要求他们在此基础上对下落的过程进行变形、旋转、透明度的变化;3、请同学们回忆按钮Action的基本格式,并请一学生上讲台书写:on( ){}二、导入新课展示上届一学生制作的FlashMTV,其中有一个漂亮的鼠标跟随的效果。

激发同学们的兴趣和求知欲;三、分析实例1、展示一个简单的鼠标跟随动画,让同学们分析讨论,做这个动画可能要用到我们所学过的哪些知识?2、根据学生讨论的结果,在黑板上板书:(其实这就是制作步骤)①透明按钮;②影片剪辑元件;③帧动作、按钮动作。

四、讲解动画制作步骤1、制作透明按钮元件(可请一学生上台制作);2、新建影片剪辑,在第一帧放入透明按钮;然后在第2——10帧制作一个小球下落的动画;3、回到场景,把做好的影片剪辑拖入到场景,并复制使其布满场景;4、在第一帧设置帧动作:stop();5、在透明按钮上设置Action:on ( rollOver ) {play ( ) ;}6、第2到10帧设置小球的下落、变形、透明。

五、分组合作(分8小组)分8个小组,看哪2个小组合作做得最快。

要求小组中的每个成员都能在自己的机子上完成,才算这个小组成功。

  1. 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
  2. 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
  3. 3、如文档侵犯您的权益,请联系客服反馈,我们会尽快为您处理(人工客服工作时间:9:00-18:30)。
对动画的效果分解并猜测动画中各个部分的特征。
学生制作不同的花瓣,
通过旋转复制可以得到各不相同的雪花
学生根据老师的提示提出制作要求,
1雪花从上到下移动
2雪花移动的下方时融化
学生根据老师的提示提出制作要求,
1雪花下落的动画需要先停止在第一帧
2增加按纽,并用goto函数使鼠标滑过按扭时,播放雪花下落动画。
对个别学生的设计想法点播提示。
四、小结
1概括动画制作设计思路
2提问:为什么按纽要在snow影片铺满屏幕后隐藏?
学生回忆前一节课的内容。
在老师提供的动画中分别使用stop和goto语句完成操作要求。
1在第一帧加stop
2在按钮上加goto
学生对屏幕上鼠标滑过后看到有雪花落下的效果感到惊奇
学生通过观看动画
4,将影片排列复制满屏
5,隐藏按纽
d在按钮上使用goto函数控制动画播放
4将snow复制排列至整个屏幕
回到场景中用ctrl+拖动snow复制影片
使snow影片均匀铺满整个屏幕,使屏幕上每一个位置都能实现,鼠标经过时出现雪花下落效果,
5将snow影片中的按扭隐藏
将sonw的ALPHA值调整为0
三、学生练习
让学生充分理解鼠标跟随效果的原理,并要求学生通过学习制作雪花跟随效果,拓展自己的设计思想,制作出其他的鼠标跟随效果。
使学生理解该特效是在屏幕上均匀分布了刚刚制作的snow影片
从而实现的鼠标跟随效果
让学生能举一反三,只要将雪花下落的动画置换其他的运动,就能制作出其他的特效。观察学生的掌握和理解情况。
板书设计
鼠标跟随特效
一,观察分析
二,制作动画:
1,制作静止雪花
2,雪花下落融化
3,添加按纽,使stop和goto控制动画
调动学生学习的自觉性和主动性,让学生自己参与到教学过程中来。
使学生掌握使用变形工具快速绘制中心对称图形。
由学生提要求并提出制作意见,老师在幻灯里演示制作方法,既可以锻炼学生分析能力,又可以为学生演示制作步骤。
让学生充分理解stop和goto函数是如何控制动画识别鼠标的行为,使学生可以更好的使用函数进行动画设计
教学重点
制作能在鼠标滑过后播放的动画
教学难点
合理的使用脚本语言控制动画效果
课型:实践
教具:计算机
教师活动
学生活动
设计意图
【组织教学】
一、复习提问
观看动画,并且按老师要求完成下列要求
1.在动画播放时让小球停止
2.当鼠标点击按钮后,小球移动
请1或2名同学演示操作
二、讲授新课
(一)介绍本节课学习的动画效果,要求学生观察鼠标在屏幕上运动后产生的效果。
1,制作静止雪花
a绘制六瓣雪花中的一个花瓣
b利用变形工具(ctro+t)旋转复制
2制作雪花下落融化
a将雪花转换成影片命名为snow
b双击snow影片进入编辑状态
c创建补间动画在30帧加关键帧
d在30帧移动雪花调整ALPHA值为0
3添加按纽,使用语言控制动画
a在第一帧增加关键帧
b在第一帧添加方形按钮
c在第一帧添加stop函数
课题:用flash制作鼠标跟随特效
日期的
通过本节课的学习,让学生利用以前学习过的按纽结合脚本语言制作出鼠标在屏幕上滑过时产生特殊的动态效果。
德育要点
学生通过观察范例动画,分析实现该动画的方法并完成制作。培养学生的学习兴趣,增加学生的动手实践能力与参与意识。
学生看到只有一个雪花
所以提出要求需要增加雪花数量,使效果更加明显
学生根据所学习的雪花下落鼠标跟随效果,拓展思维,设计其他形式的鼠标跟随效果。
所提问的内容与本节课有直接关系,帮助学生更好学习新课。
既复习了学习过的内容又可以为本节学习做铺垫。
通过特效激发学生的兴趣。
培养学生分析问题并解决问题的能力,同时也增强了学生的观察力
(二)比较分析两个动画
分析雪花的特征,设计制作思路
将鼠标停止在某一位置,让学生观看单独的雪花落下的过程,并分析该过程的特征,根据分析结果制定设计方法
动画特征:
1,动画包含一个雪花下落融化消失过程
2,鼠标指针经过的位置才有雪花
鼠标指针没有经过的位置动画停止
3,动画开始处有个看不见的按钮
(三)制作雪花跟随鼠标特效动画
相关文档
最新文档