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

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. android Toast大全(五种情形)建立属于你自己的Toast
  2. Traffic Ccontrol(流量控制)
  3. Codeforces 468C/469E 易错点
  4. 载:看了你能懂几个?
  5. C/C++面试题—旋转数组的最小数字
  6. 使用ISAPI_Rewrite对asp.net实现URL重写伪静态
  7. web前端之框架(frameset)
  8. Chrome浏览器快速获取静态控件的XPATH
  9. centos7学习笔记-安装配置apache
  10. sql中的一些通用函数
  11. html 显示unicode字符,网页中使用Unicode字符
  12. 阿里巴巴 Java 性能调优手册
  13. 美国 GLOBAL DOSSIER全球专利案卷系统使用方法,有图说明
  14. 致远互联的下一步:从“协同”到“门户”
  15. 混乱是阶梯:Web2与Web3的融合,也是COSO的窗口期
  16. maven3实战之仓库(仓库搜索功能)
  17. vue项目中,导出下载Excel表格
  18. Python校园网定时自动登录-锐捷
  19. 一文读懂java内部类
  20. MTK 按键驱动流程总结

热门文章

  1. 实用的行列式计算方法 —— 线性代数(det)
  2. XP系统不识别2t以下硬盘的解决方法
  3. Proxmark3介绍
  4. 推荐算法常用评价指标:NDCG、MAP、MRR、HR、ILS、ROC、AUC、F1等
  5. 集成学习-Stacking算法
  6. Promise学习笔记(上)
  7. Promise学习笔记(下)
  8. 包装类型是什么?基本类型和包装类型有什么区别?
  9. 前端开发重要基础知识
  10. Activity的启动模式