java 鼠标动眼睛动_鼠标效果系列教程:会动的眼睛
这次我们要做的效果也非常漂亮,老头的眼睛会跟着你的鼠标转!
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 鼠标动眼睛动_鼠标效果系列教程:会动的眼睛相关推荐
- window10鼠标加速怎么关_鼠标加速怎么关闭_电脑鼠标加速如何关闭
2019-09-27 09:17:11 对于游戏玩家来讲,鼠标灵敏度是非常关键的,如果太慢会影响游戏进程,拖累队友.有些用户为了加快Mac系统鼠标反应速度开启加速功能,设置之后发现并不适合自己,那么M ...
- 鼠标点击测试_鼠标键盘如何检测故障,这边教您简单的测试
沉迷,教您简单的测试鼠标故障. 有线键盘和鼠标的检测步骤: (1)将电脑关机,拔插对应的连接线. (2)移除所有除了键盘和鼠标之外的设备,然后重启电脑. (3)重启后,观察鼠标的灯是否有亮.点击滚动锁 ...
- namenode无法启动_大数据系列教程003-hadoop伪分布式环境搭建步骤11-启动与验证环境...
声明:大数据系列教程文章由Java潘老师辛苦原创,免费公开供java爱好者学习.本教程学习知识储备:Java SE基础.Linux基础.数据库基础 1.将/usr/hadoop目录赋予777权限,否则 ...
- conda安装tensorflow-gpu简洁版_【DP系列教程02】DeePMDkit:conda安装 amp; 离线安装
点开安装教程前,是不是已经做好了看一篇万字长文的心理准备.DP君既然可以教会大家5分钟setup一个DeePMD-kit训练,就一定要教会大家如何在5分钟内学会安装DeePMD-kit.当然了,这样高 ...
- java鼠标经过时变色_鼠标经过时单元格变色
鼠标经过时单元格变色 table{ color:#565; font:12px Arial, Helvetica, sans-serif; } td{ border-bottom:2px solid ...
- java cms 拖拽布局_鼠标拖拽就能轻松建站 We7 CMS评测
We7 CMS是由西部动力推出的一套采用C#开发的,基于.net2.0,可以运行于Oracle.SQLite.Sqlserver.MySQL.Access等数据库之上的网站内容管理系统软件(Conte ...
- 鼠标右键转圈圈_鼠标点击右键后一直转圈圈
您好,我是微软社区独立顾问(Microsoft Community Independent Advisor)Gao ling,很高兴为您服务! 关于 "右键鼠标卡住" 的问题,请您 ...
- python 鼠标 自动点击_鼠标隔段时间自动点击屏幕
知识点:Python库及简单定时器的使用 1. 鼠标自动点击屏幕代码 (1). 首先 pip install pymouse (2). 运行代码出现:ModuleNotFoundError: No m ...
- 鼠标右键转圈圈_鼠标右键文件夹出现转圈圈假死机情况
问题描述: 2018年10月13日发现该问题,桌面除Administrator.计算机.回收站右键完好,其他任何文件都出现转圈圈假死机问题. 开始菜单-所有程序里文件.计算机硬盘内文件均出现此问题. ...
最新文章
- android Toast大全(五种情形)建立属于你自己的Toast
- Traffic Ccontrol(流量控制)
- Codeforces 468C/469E 易错点
- 载:看了你能懂几个?
- C/C++面试题—旋转数组的最小数字
- 使用ISAPI_Rewrite对asp.net实现URL重写伪静态
- web前端之框架(frameset)
- Chrome浏览器快速获取静态控件的XPATH
- centos7学习笔记-安装配置apache
- sql中的一些通用函数
- html 显示unicode字符,网页中使用Unicode字符
- 阿里巴巴 Java 性能调优手册
- 美国 GLOBAL DOSSIER全球专利案卷系统使用方法,有图说明
- 致远互联的下一步:从“协同”到“门户”
- 混乱是阶梯:Web2与Web3的融合,也是COSO的窗口期
- maven3实战之仓库(仓库搜索功能)
- vue项目中,导出下载Excel表格
- Python校园网定时自动登录-锐捷
- 一文读懂java内部类
- MTK 按键驱动流程总结