这次我们要做的效果也非常漂亮,老头的眼睛会跟着你的鼠标转!

ARAM NAME="_cx" VALUE="14552">

pluginspage="http://www.macromedia.com/go/getflashplayer"

type="application/x-shockwave-flash" width="550"

height="400">

先准备一张人或动物头像的图片,把它导入你的Flash文件里。当然,你要有耐心,自己在Flash里画也行。先制作眼球。新建一个影片剪辑,在编辑区选择椭圆工具,按住Shift画一个正圆,用从白到灰的渐变色填充。如图1

图1

制作瞳孔。新建影片剪辑,也很简单,就是分别用蓝灰、黑色和白色绘制三个大小不等的正圆。如图2

图2

组合眼睛。再新建个MC。把第一层命名为眼睛层。把刚才做好的眼球拖入第1帧。打开信息面板,点选中心对齐(看见那9个小方块了吗?点中间的那个。另一个选项就是左上角对齐),在X、Y栏里都输入0。如图3。这样可以精确的定位目标。

图3

再把做好的瞳孔拖进这一帧。用同样方法把它定位到中心。如图4。

图4

并在属性面板里,把它命名为“tk”。如图5。

图5

下面进行最关键的动作脚本的编写。点选眼睛层第1帧,打开动作面板写入如下语句:

X = _xmouse; //获取鼠标位置

Y = ymouse; //注意这里的坐标系统是以眼睛的中心为原点的

L = Math.sqrt(X*X+Y*Y); //计算从原点到鼠标的直线距离

if (L<45) { //如果鼠标指在眼球上

setProperty("tk", _x, X);

setProperty("tk", _y, Y);

} else { //如果鼠标在眼睛外

setProperty("tk", _x, 45/L*X);

setProperty("tk", _y, 45/L*Y);

}

简单分析一下编程的思路。首先获取鼠标位置。如果忘了坐标系统的理论,可以再看看本教程第2课。用数学对象中的平方根函数Math.sqrt()计算从眼球中心到鼠标的距离。根据这个值分为两种情况进行处理。

一、 如果L小于眼球的半径,说明鼠标指在眼睛上了,这时控制瞳孔直接跟随着鼠标就行了。

二、 当鼠标在眼睛外时,我们画个图分析一下算法。如图6

图6

假设鼠标在A点,我们想让瞳孔跟随到图示的位置。很容易就可以看出,tk._y/_ymouse=45/L,于是得到tk._y=45/L*_ymouse。同理,tk._x=45/L*_xmouse。

到这里大家就看出来了吧,最后的效果中其实眼球并没动,动的只是瞳孔。在眼睛层的第2帧按F6插入关键帧做成一个循环,让眼睛真正动起来。

只是这样还不行,不能让瞳孔跑到眼睛外边去呀。在眼睛层上面增加一层,命名为遮罩层,在第1帧中也拖入一个眼球,把它对齐到中心。然后在这个层上点右键,选“遮罩层”,好,现在瞳孔就不会瞪出眼睛去了。

到了最后的收尾阶段了,胜利就在眼前!回到主场景,把第一层命名为“脑袋”。把头像图片拖进来,调整好大小和位置。新建一个眼睛层,把我们刚做好的眼睛拖进来2个,你的头像上只有2只眼吧?仔细调整一下位置,让它们正好把头像上的眼睛部分挡住。必要的时候可以使用键盘上的方向键,以象素为单位精确的调整。

终于大功告成了!看看效果吧。眼睛一动,是不是感觉小人儿也活起来了?俗话说的好,“画龙点睛”嘛!

分享:

java 鼠标动眼睛动_鼠标效果系列教程:会动的眼睛相关推荐

  1. window10鼠标加速怎么关_鼠标加速怎么关闭_电脑鼠标加速如何关闭

    2019-09-27 09:17:11 对于游戏玩家来讲,鼠标灵敏度是非常关键的,如果太慢会影响游戏进程,拖累队友.有些用户为了加快Mac系统鼠标反应速度开启加速功能,设置之后发现并不适合自己,那么M ...

  2. 鼠标点击测试_鼠标键盘如何检测故障,这边教您简单的测试

    沉迷,教您简单的测试鼠标故障. 有线键盘和鼠标的检测步骤: (1)将电脑关机,拔插对应的连接线. (2)移除所有除了键盘和鼠标之外的设备,然后重启电脑. (3)重启后,观察鼠标的灯是否有亮.点击滚动锁 ...

  3. namenode无法启动_大数据系列教程003-hadoop伪分布式环境搭建步骤11-启动与验证环境...

    声明:大数据系列教程文章由Java潘老师辛苦原创,免费公开供java爱好者学习.本教程学习知识储备:Java SE基础.Linux基础.数据库基础 1.将/usr/hadoop目录赋予777权限,否则 ...

  4. conda安装tensorflow-gpu简洁版_【DP系列教程02】DeePMDkit:conda安装 amp; 离线安装

    点开安装教程前,是不是已经做好了看一篇万字长文的心理准备.DP君既然可以教会大家5分钟setup一个DeePMD-kit训练,就一定要教会大家如何在5分钟内学会安装DeePMD-kit.当然了,这样高 ...

  5. java鼠标经过时变色_鼠标经过时单元格变色

    鼠标经过时单元格变色 table{ color:#565; font:12px Arial, Helvetica, sans-serif; } td{ border-bottom:2px solid ...

  6. java cms 拖拽布局_鼠标拖拽就能轻松建站 We7 CMS评测

    We7 CMS是由西部动力推出的一套采用C#开发的,基于.net2.0,可以运行于Oracle.SQLite.Sqlserver.MySQL.Access等数据库之上的网站内容管理系统软件(Conte ...

  7. 鼠标右键转圈圈_鼠标点击右键后一直转圈圈

    您好,我是微软社区独立顾问(Microsoft Community Independent Advisor)Gao ling,很高兴为您服务! 关于 "右键鼠标卡住" 的问题,请您 ...

  8. python 鼠标 自动点击_鼠标隔段时间自动点击屏幕

    知识点:Python库及简单定时器的使用 1. 鼠标自动点击屏幕代码 (1). 首先 pip install pymouse (2). 运行代码出现:ModuleNotFoundError: No m ...

  9. 鼠标右键转圈圈_鼠标右键文件夹出现转圈圈假死机情况

    问题描述: 2018年10月13日发现该问题,桌面除Administrator.计算机.回收站右键完好,其他任何文件都出现转圈圈假死机问题. 开始菜单-所有程序里文件.计算机硬盘内文件均出现此问题. ...

最新文章

  1. Jetty 基本使用样例
  2. ElasticSearch 组合过滤器
  3. 回溯法之避免无用判断 UVA129 Krypton Factor困难的串
  4. Rolling The Polygon Gym - 102222B
  5. MacOS中Dock栏的设置和使用技巧,新手必看
  6. 建立完善的日期定义表
  7. 超算简史:练飞天之技,登峰一战后,终有落地日 | 凌云时刻
  8. Vijos 3764 牛奶题
  9. QQ信任登陆注册开发者帐号
  10. 《人月神话》7(The Mythical Man-Month)为什么巴比伦塔会失败?
  11. 申请苹果开发者公司账号和邓白氏编码全流程
  12. 微信视频号视频免费下载最新的4种办法
  13. 谁是最大的竞争对手互联网宝宝军团?
  14. MacOS 单机搭建 Pulsar 集群
  15. Spring AOP 术语
  16. 什么是5G消息?有什么应用价值?如何开通服务?
  17. 2013再见,2014,在路上
  18. 《计算机网络自顶向下方法》Wireshark lab(一)
  19. 在PyTorch中使用Seq2Seq构建的神经机器翻译模型
  20. 三十行代码轻松破解山东理工大学教务系统的登录问题

热门文章

  1. Android开发:recycleView页面点击跳转
  2. 玩转你画我猜(一):程序实现自动绘图
  3. docker启动容器慢,很慢,特别慢的坑
  4. angularjs实现下拉加载更多
  5. python对文件操作-python中文件操作的其他方法
  6. 为什么白板面试总是过不了
  7. Token实现登录、token过期解决以及数据解析
  8. UE4 Additive和Modulate模式
  9. 包装类型是什么?基本类型和包装类型有什么区别?
  10. 浅聊与蓝桥渊源,备战数月与百人一起拿下省一是什么体验(国赛训练营开启)