跟随鼠标移动flash的制作教程-Flash实例教程

2016-03-18 16:08 16 1 收藏

今天图老师小编要跟大家分享跟随鼠标移动flash的制作教程-Flash实例教程,精心挑选的过程简单易学,喜欢的朋友一起来学习吧!

【 tulaoshi.com - FLASH 】

跟随鼠标移动flash教程,本例教朋友用Flash制作鼠标跟随效果。用鼠标拖动萝卜,兔兔眼睛总盯住萝卜,很可爱噢...

效果演示:

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/flash/)

制作方法:

一、做三个元件

1、插入新元件,行为电影剪辑,命名为兔子。画出兔子的外形,也可以画其他动物,只是眼珠不画。如果要兔子耳朵、嘴巴、手动的话,要分层用逐帧改变形状。如图所示:

兔子

2、插入新元件,行为电影剪辑,命名为眼睛,确定,进入眼睛编辑窗口。在第一帧画一个跟兔子眼眶一样大小的、没有填充色的圆(这里是30*30),并让其全居中,在里面贴住圆的右边线再画一个没有线条的红色眼珠,然后把眼眶边线的透明度设为0。

新建一个层,选中第一帧,打开动作-帧面板,输入以下代码:

   this.onMouseMove=function(){
        eyeX=_root._xmouse-this._x
        eyeY=_root._ymouse-this._y
        ang=Math.atan2(eyeY,eyeX)*180/Math.PI
        this._rotulaoshi.comtation=ang
}

如图所示:

眼睛

3、插入一个新元件,行为电影剪辑,命名为萝卜。画出萝卜,选中萝卜,让其居中。如图所示:

萝卜

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/flash/)

二、布置主场景

新建三个层,由上到下命名为萝卜、眼珠、兔子、背景。

1、选中背景层的第一帧导入一幅你喜欢的背景图。

2、选中兔子层的第一帧,从库拖出拖出兔子MC,放在合适位置。

3、选中眼睛层的第一帧,从库里拖出两个眼睛MC,分别放在兔子的眼眶里。注意也是放在眼眶的右侧(两圆相切)位置。

4、选中萝卜层的第一帧,从库里拖出萝卜MC,放在树下。选中萝卜,并在电影剪辑属性面板命名为lb。打开动作-电影剪辑面板,输入如下代码:

   onClipEvent (mouseMove) {
   mouse.hide();
   startdrag("_root.lb", true);
}

如图所示:

兔子萝卜

至此本实例完成,测试、存盘。

来源:https://www.tulaoshi.com/n/20160318/1889158.html

延伸阅读
标签: FLASH flash教程
poluoluo核心提示:Flash实例教程:制作圣诞节祝福贺卡. 展示 源文件下载: http://www.webjx.com/files/soft/1_091223201307.zip 1.在 flash 中新建一个文档( Actionscript 3.0 )然后另存为 snow.fla 2.把图层1重命名"card",并在这一图导入如下面的图片.   3.新建一个图层并命名: act...
标签: FLASH flash教程
本教程是关于用Flash来制作一个熊猫举重的动画,作者主要用到椭圆工具,矩形工具和直线工具等,操作简单易懂,感兴趣的网友可以打开Flash一起来学习。希望本教程能给你带来帮助! 北京奥运会上,中国举重队取得了8金1银的好成绩,令国人振奋不已。今天我们就用Flash来制作一个熊猫举重的动画,主要用到椭圆工具,矩形工具和直线工具等...
标签: FLASH flash教程
效果演示: 一、打开Flash,新建一个空白文档,设置下背景色,我这里设置的是绿色,你可以根据你的喜好去设置哈~ 然后按CTRL+F8新建一个影片剪辑,命名为茶。 二、开始画茶杯(因为刚新建影片剪辑了,所以这会应该是在名为茶的影片剪辑中了喔~)。把填充色设置为无,线条色选个颜色,然后先用椭圆工具画一个椭圆,再用线条工具画一条直线...
标签: FLASH flash教程
QQ表情已经成为一种流行文化,聊天的时候我们经常会被一些搞怪的QQ表情逗得忍俊不禁。其实有些表情制作也不难,只要掌握一些Flash的基本操作,我们就可以把自己的好创意也制成表情。本实例来自我自己画的一套圆圆&溜溜搞怪表情中的一个,下面是制作过程的详解,希望有助于大家学习Flash动画以及表情制作的基本原理。 下面我们先来看看效...
标签: FLASH flash教程
本文由 sanbos 原创,转载请保留此信息! 本例讲解了使用AS代码制作鼠标跟随效果,让火苗跟着你的鼠标呈现出美丽的图形吧 效果演示: [1] 200806/12944_2.html'>[2] 200806/12944_3.html'>[3] 200806/12944_4.html'>[4] 200806/12944_2.html'>下一页 现在开始制作: 新建flash文档,背景色为黑色...

经验教程

768

收藏

45
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部