html flash闹钟,闹钟自己做 Flash DIY个性化闹钟
Flash MX是一款充满创意的软件,它不仅仅可以在创作MTV、打造网站、制作游戏这些大型应用上一显身手,而且对我们这些普通用户也十分照顾,使用Flash可以很方便的制作出日常生活中所需要的一些小工具。本文就为大家介绍一款实用小闹钟的制作。这款闹钟不但可以显示日期时间,还能在整点或设定的时间自动播放音乐,所应用的技术也十分简单。闲话不多说了,下面让我们就一起来DIY一个卡通时钟吧。
启动Flash,按Ctrl+J打开“文档”面板,将宽和高设置为320、240;选择“插入→时间轴→图层”命令插入三个新层,从下至上命名为:蝴蝶、钟面、针、钟芯;选择“视图→网格→显示网格”,此时舞台中将显示出网格,选择“视图→标尺”,舞台上边和左边将会显示标尺,在标尺上按住鼠标左键光标会发生变化,移动鼠标会显示辅助线(如图1),这样在后面绘制图形时就有了参照物。
图1 显示辅助线
提示:在舞台上右击选择“辅助线→引导线”命令可以关闭辅助线,辅助线在作品输出为swf或exe格式时不会显示。
在“蝴蝶”层绘制蝴蝶的翅膀。首先单击“铅笔”工具,然后单击“选项”选择“平滑”,在舞台中绘制一个蝴蝶的翅膀轮廓;单击“颜料桶”填充红色;单击“选择”工具在蝴蝶边缘进行拖动,可以微调蝴蝶的外形;将该图形复制一份,并重新填充颜色,然后使用“任意变形工具”将其所缩小放置到原来图形的中间;再次复制图形,改变颜色和大小,重叠在原来的图形上,最后在上面绘制几个线条作为蝴蝶的纹理,这样最终得到蝴蝶的翅膀(如图2)。IT8G.COM网提醒大家在绘制蝴蝶外形时,可以先导入一幅蝴蝶的图片,然后使用铅笔在图片上临摹,这样就可以方便地绘制出蝴蝶的翅膀。
图2 蝴蝶的翅膀
按Ctrl+A全选翅膀,按F8键出现对话框选择“影片剪辑”,再单击舞台下方的“滤镜”按钮为其加上发光和渐变发光效果;使用工具箱中的工具绘制蝴蝶的身体,其中眼珠和触须都是影片剪辑,主要是实现眼珠转动,触须上下摆动。
在“钟面”图层绘制一个圆,并填充渐变色作为钟面;单击“文字”工具,输入数字12,单击工具箱中的“任意变形工具”,将数字的中心点移动到圆的中心位置;按Ctrl+T打开变形面板,在“旋转”中输入30,连续单击面板右下角的“复制并应用变形”按钮复制出11个数字,然后依次单击数字进行修改,这样就制作出钟面上的时间数字(如图3),选中所有数字按Ctrl+B打碎再按Ctrl+G组合;按Ctrl+A选中钟面上所有元件,按F8键转换成影片剪辑,再单击“滤镜”按钮为其加上发光滤镜。
图3 制作出钟面上的时间数字
提醒大家有时候本机上的动画作品,拷贝到其他电脑时某些文字可能会变形,其主要原因就是缺少相应的字体。所以在制作时为了防止此类现象的发生,可以将文字打碎后再组合,这样文字就变成了图形,不再受制于字体啦,不过这样也有一个弊端就是动画的体积增加了。
按Ctrl+F8键创建一个名为“时针”的影片剪辑,单击工具箱中的“矩形”工具不放会出现菜单,选择“多角星形工具”,再单击“属性”下的“选项”按钮出现对话框,在边数选项中输入3;在舞台上单击拖动绘制出一个三角形,然后使用任意变形工具将三角形压扁,单击“选择”工具,再在三角形的下边缘拖动,使其成为弧形,最后在其下方绘制一条线段,这样时针就制作出来了(如图4)。
图4 时针制作出来了
选中时针,按Ctrl+T打开“信息”面板,设置宽为8,高为45,X为0,Y为45,此时会看到中心点位于时针的下半部分,后面时针在旋转时就是以这个为中心点,所以这里设置的时候要特别注意,具体数值可以根据实际情况来确定。使用上述方法制作出分针、秒针,影片剪辑名称为:分针、秒针,秒钟是一条细长的线段。
单击“文件→导入→导入到库”,选择一首用来整点报时的音乐,按Ctrl+L打开“库”,右击音乐文件选择“链接”出现对话框,在标识符中输入music,并勾选“为ActionScript导出”和“在第一帧导出”项,这样后面才可以使用Actions语句捆绑并播放音乐。
按Ctrl+L打开“库”,将时针、分针、秒针分别拖放到“针”层的第1帧,其中心点与钟面的中心点对齐,这里可以借助辅助线和网格实现对齐,单击“属性”按钮,设置时针的“实例名”为shizhen、分针的“实例名”为fenzhen、秒针的“实例名”为miaozhen;在“钟芯”层的第1帧绘制一个小圆,并填充渐变色作为钟面的中心,让其遮住时分秒三针的重合位置。
单击工具箱文本工具,在“钟芯”层制作三个文本框,单击“属性”按钮,其中上面的文本框类型为“动态文本”,变量为“riqi”,它是用来显示年月日;下方的两个文本框类型为“输入文本”,变量分别为:shi、miao,注意两个文本框中间用冒号隔开,并绘制两个空心矩形突出其位置,这两个文本框是用来设置闹铃时间的,前面是时,后面是分;这样卡通时钟的主体部分就制作完成了(如图5)。
图5 主体部分就制作完成了
单击“钟芯”层的第1帧,加上如下Actions语句:
function naozhong () {
music = new Sound();
music.attachSound("music");//捆绑库中的音乐文件
time = new Date();
hours = time.getHours();
minutes = time.getMinutes();
seconds = time.getSeconds();
dt = time.getDate();//获取系统时间
if (hours>12) {
hours = hours-12;}//设置普通计时法
if (seconds == 0 && minutes == 0) {
music.start();}//设置整点报时
if ((shi == time.getHours()) && (fen == time.getMinutes() && (time.getSeconds()%30 == 0))) {
music.start();}//设置输入时间响应,当输入的时间到了之后音乐就会播放两次。
_root.miaozhen._rotation = seconds*6;
_root.shizhen._rotation = (hours)*30+(minutes/2);
_root.fenzhen._rotation = minutes*6;//设置时分秒三针的旋转
riqi = time.getFullYear()+"."+(time.getMonth()+1)+"."+time.getDate();
}
setInterval(naozhong,1000);//每隔1000毫秒执行一次ClockFun函数
在这里可以捆绑多个音乐文件,如:吃饭睡觉的提示声音,注意要事先导入相应的提示声音,然后再在上面的Actions脚本中增加一些IF语句,从而可以实现在不同的时间发出不同的提示声音,让闹钟的功能更加贴心。
最后按下Ctrl+Enter键测试闹钟,日期时间一目了然,在钟面下方的文本框中输入时间,在时间到了的时候就会播放音乐……看着自己的劳动成果,感觉应该不错吧。我们还可以将时钟输出为exe格式,然后加到系统的启动菜单中去,这样每次开机后就可以使用闹钟啦!
作者:IT八哥网 友情链接:http://www.186x88.cn
html flash闹钟,闹钟自己做 Flash DIY个性化闹钟相关推荐
- 杰理 AC692N系列 ---时钟闹钟开发流程 做一个简单的闹钟
一.功能说明 时钟.闹钟在带显示的音箱上是比较常见的功能,但同时也是比较复杂的功能,它的难点主要在于操作和显示部分,因为不同的项目上会有不同的操作,显示也会有很大的差异,有些项目甚至于需要添加双闹钟的 ...
- 十种做Flash游戏赚钱的方法
如果你做Flash游戏纯粹是为了兴趣或者是好玩,那为什么不一边玩一边赚钱呢?我曾做过很多Flash游戏并因此赚了不少钱.下面我就要公开我总结的十条做Flash游戏赚钱的秘笈. 好了,现在我们切入正题, ...
- 使用python做一个闹钟_用python做了个高级闹钟 欢迎借鉴
原标题:用python做了个高级闹钟 欢迎借鉴 音频文件放入和.py文件同级的目录下 这是简单的闹钟做法,市场上闹钟千千万万,但是自己写出来的闹钟就是不一样,不是小编我无聊,学习乐趣就是这样慢慢培养的 ...
- 用python做flash动画_将Flash应用于Python项目
=== 写在之前 === {{{ 这篇所说的是关于建立python调用Flash的本地应用,不同于Adobe的Apollo. 没有用到浏览器嵌入flash网页的方法,直接在pythonwin或者wxp ...
- 仿苹果手机闹钟_原来iPhone自带的闹钟这么好用,以前没发现,现在一直在用
"本娘子将为您介绍互联网的最新咨讯,关注数码科技相关的内容.之前小娘子的工作关于数码科技.本公众号将致力于为你分享玩机知识.购机秘籍.选机技巧,还会为你分享手机保养秘籍.手机维修小技能. 手 ...
- 自带flash的浏览器_解决Flash插件已被屏蔽的问题(谷歌、火狐、IE、Edge)
病症,浏览器界面中显示 adobe flash player 已被屏蔽: 作为产品运营,作为经常必须可能要接触到Flash/Html5视频应用的人来员:作为曾开发过flash产品的我来说,这题,我会. ...
- Android闹钟最终版【android源码闹钟解析】
我以前写了个复杂闹钟的demo,参见Android闹钟[复杂版][大明进化十五] .但是里面的bug有一些,好多人留言,所以我就看看源码,找找原因?顺便把源码代码整理出来,弄成一个完整的可以运行的ap ...
- 【续】我的FLASH情结2010——浅谈FLASH WEB GAME与创业
★前端与美术的配合 →老闪客们应该都知道,FLASH这款软件在历史很长一段时间内都是用来做动画的,闪客和美术在这段时间内本就是同根生.后来随着第二版AS1和AS2逐渐完善,以及AS3的强势出炉,闪客们 ...
- 我的FLASH情结2010——浅谈FLASH WEB GAME与创业(2)
★前端与美术的配合 →老闪客们应该都知道,FLASH这款软件在历史很长一段时间内都是用来做动画的,闪客和美术在这段时间内本就是同根生.后来随着第二版AS1和AS2逐渐完善,以及AS3的强势出炉,闪客们 ...
最新文章
- Access和CorelDRAW总结
- 支付方式(2)——支付宝集成及使用
- InnoDB purge原理--哪些undo log可purge
- 中西医与算法之间的联系
- 优化器是怎么得到执行计划的?
- eclipse2019-03设置代码编辑区背景为图片
- eclipse java maven_java – 非常轻量级的Eclipse-Maven集成 – 仅...
- 魅族15无法连接计算机,还在为数据丢失而烦恼?魅族15告诉你什么叫做碎屏无忧...
- 05NumPy--5.2创建NumPy数组
- C++初始化,之不明白篇 coutxendl 与 coutx = coutxendl的输出的值会不一样...
- 数学分析:定积分的概念
- 记录为小电机安装一个5012编码器(多摩川协议)的过程
- 通用能力-智力题专项练习
- 浪潮发布PS Cloud 开源+云ERP会给中小企业带来哪些红利?
- 五种有效的学习方法 – 方法比努力重要
- 字母对应的日期 moment Element JAVA oracle mysql的日期格式
- SpringBoot知识点整理
- 关系模式的任何属性(关系模式的任何属性为什么不可再分)
- 【MySQL】存储过程与存储函数
- 读取盘序列号(是物理序列号,不是硬盘扇区上的序列号)在win7下的确不能用了