热门标签 | HotTags
当前位置:  开发笔记 > 程序员 > 正文

秒针滴答60秒声音mp3_怎样制作时钟秒针、分针、时针走动的动画,希沃白板课件制作介绍...

今天看到一些老师教小学数学中有关认识时钟的内容,其中有时针、分针、秒针的走动动画,看看不真实,并且太牵强,所以特别给大家介绍

今天看到一些老师教小学数学中有关认识时钟的内容,其中有时针、分针、秒针的走动动画,看看不真实,并且太牵强,所以特别给大家介绍一下这个旋转动画的设置,希望大家都能学会。#学浪计划—教育者创作扶持计划#
下面我以#希沃白板#为例来制作,其他如WPS、PPT设置方法类似的。

4e0052336784cf63c6fad1d8d32c4a7b.png

小学三年级数学认识时分秒

首先我们先看一下不太正确的设置,这是用PPT思维来制作的,就是用不同的动画效果,分别显示红色指针的图片,达到类似时针走动的效果。看一下动画,这样走针是不是太突兀?
97db5108fb9eb9f954169e76df017bf1.gif

这样走针是不是太突兀

看看是怎样制作出来的,很多人都是这样做的:如果走5秒,分别得有5张秒针的图片。

1b9f2736c4ea0a2a6e27ea9b0c48b7a6.png

有5张秒针的图片

然后分别将每张指针图片设置为淡入、淡出的动画效果,如下图所示,是不是感觉整个人都不好了,如果需要修改,那会很麻烦的。

4776bc241355cfdec1819c0ec60ee178.png

设置为淡入、淡出的动画效果

下面给大家介绍一个正确的制作方法,希望对大家有所帮助。

我们先看一下动画效果:这样是不是很正常?

a0305f6c1bd522f66810a910ac5e3476.gif

正常的走针动画

怎样来正确设置呢?

首先,你得有钟面和指针,我发图片出来给大家下载:

667dee9a82a52e4a9904b048ebe6eaad.png

指针

c95886c1b67094df2491619b82b25196.png

钟面

将指针设置动画效果,在“动作“中设置”旋转“,这里我们会看到如下面动画的样子,指针自己旋转了一周,旋转并不像秒针一样围绕钟面的中心点旋转的。这样的旋转不符合我们的要求。许多老师在实际制作时都碰到这个问题,所以到这儿就停止了,因为发现这种旋转不是我们想要的,所以做不下去了。

其实,你离成功只差一点点。请大家继续往下看。

df47cf4fcb1dcc1c0243a77e92c32c99.gif

设置动作:旋转

为什么会出现这样的问题呢?

原因是:指针旋转的中心点在指针的中央,而我们希望指针能围绕着它下部的圆点来旋转,所以我们要做的就是把中心点移动到下面。

旋转的中心点在哪里?请大家仔细观看下面这个图,在指针的中央,有一个很小的红点,这个就是旋转的中心点。

c29861c5ebd282048ee90242bcb489e3.png

这个就是旋转的中心点

现在我们要移动这个中心点,方法是:鼠标左键按住这个小红点,然后移动鼠标,把小红点移动到下面红色的圆中间,也就是将来指针是要围绕这个点(钟面的中心)来旋转的,这是我们希望看到的旋转效果。

8668826a9d9d6d320f78c0b18f1594fd.png

将中心点移动到钟面的中心

马上就要成功了。下面需要设置旋转的角度和时间了。仔细看下图,这个图上所示的动画,是将指针旋转30度,旋转的时间为5秒钟。那这个就是秒针从数字12走到数字1的过程,走了5秒钟,角度是30度。

如何来设置走1秒?方法是:将动画时间设置为1秒,角度设置为6度。

角度的计算方法:整个圆是360度,1小时是60分,那1小格就是360÷60=6度。

如果要使指针从12走到3,就是90度的位置,360÷4=90度。其他的位置大家应该会算了。这里要注意的是,时间和角度要相匹配,不然动画效果就假了。

fb0a035401d11a575912ee3f00d6fcab.png

将动画时间设置为5秒,角度设置为30度

我们来看一下完整的设置过程,请大家仔细看下面的这个动画:

a56369589900d5c7b4f0c9729bf95ccc.gif

完整的设置过程

好了,赶紧照着做一下吧。如果要做时针、分针,那大家只要计算出旋转的正确时间就行了。

如果要做时针、分针、秒针同时旋转,那动画设置中设置为”与上一个动画同时“。

大家还有什么不懂的,可以在下方评论区留言。



推荐阅读
  • 本文介绍了在Python3中如何使用选择文件对话框的格式打开和保存图片的方法。通过使用tkinter库中的filedialog模块的asksaveasfilename和askopenfilename函数,可以方便地选择要打开或保存的图片文件,并进行相关操作。具体的代码示例和操作步骤也被提供。 ... [详细]
  • 在Android开发中,使用Picasso库可以实现对网络图片的等比例缩放。本文介绍了使用Picasso库进行图片缩放的方法,并提供了具体的代码实现。通过获取图片的宽高,计算目标宽度和高度,并创建新图实现等比例缩放。 ... [详细]
  • 大连微软技术社区举办《.net core始于足下》活动,获得微软赛百味和易迪斯的赞助
    九月十五日,大连微软技术社区举办了《.net core始于足下》活动,共有51人报名参加,实际到场人数为43人,还有一位专程从北京赶来的同学。活动得到了微软赛百味和易迪斯的赞助,场地也由易迪斯提供。活动中大家积极交流,取得了非常成功的效果。 ... [详细]
  • CSS3选择器的使用方法详解,提高Web开发效率和精准度
    本文详细介绍了CSS3新增的选择器方法,包括属性选择器的使用。通过CSS3选择器,可以提高Web开发的效率和精准度,使得查找元素更加方便和快捷。同时,本文还对属性选择器的各种用法进行了详细解释,并给出了相应的代码示例。通过学习本文,读者可以更好地掌握CSS3选择器的使用方法,提升自己的Web开发能力。 ... [详细]
  • 本文介绍了Java工具类库Hutool,该工具包封装了对文件、流、加密解密、转码、正则、线程、XML等JDK方法的封装,并提供了各种Util工具类。同时,还介绍了Hutool的组件,包括动态代理、布隆过滤、缓存、定时任务等功能。该工具包可以简化Java代码,提高开发效率。 ... [详细]
  • 生成对抗式网络GAN及其衍生CGAN、DCGAN、WGAN、LSGAN、BEGAN介绍
    一、GAN原理介绍学习GAN的第一篇论文当然由是IanGoodfellow于2014年发表的GenerativeAdversarialNetworks(论文下载链接arxiv:[h ... [详细]
  • [译]技术公司十年经验的职场生涯回顾
    本文是一位在技术公司工作十年的职场人士对自己职业生涯的总结回顾。她的职业规划与众不同,令人深思又有趣。其中涉及到的内容有机器学习、创新创业以及引用了女性主义者在TED演讲中的部分讲义。文章表达了对职业生涯的愿望和希望,认为人类有能力不断改善自己。 ... [详细]
  • 家装日记六:家具采购和瓷砖选择
    本文记录了作者进行家装的过程,包括家具采购和瓷砖选择。作者介绍了自己家的装修风格以及选择烤漆家具和红白系列的原因。作者还提到了装修风格以简约为主,不可以太花哨的要求。最后,作者提到了价格较贵的问题。 ... [详细]
  • 本文讨论了当某位排位靠前的涉众提供了一张精美的界面图片时,是否可以将其作为设计约束。同时还探讨了高质量素材和愿景之间的关系,以及老大自身的软件方法和建模技能。 ... [详细]
  • 本文介绍了高校天文共享平台的开发过程中的思考和规划。该平台旨在为高校学生提供天象预报、科普知识、观测活动、图片分享等功能。文章分析了项目的技术栈选择、网站前端布局、业务流程、数据库结构等方面,并总结了项目存在的问题,如前后端未分离、代码混乱等。作者表示希望通过记录和规划,能够理清思路,进一步完善该平台。 ... [详细]
  • sklearn数据集库中的常用数据集类型介绍
    本文介绍了sklearn数据集库中常用的数据集类型,包括玩具数据集和样本生成器。其中详细介绍了波士顿房价数据集,包含了波士顿506处房屋的13种不同特征以及房屋价格,适用于回归任务。 ... [详细]
  • 本文介绍了一些好用的搜索引擎的替代品,包括网盘搜索工具、百度网盘搜索引擎等。同时还介绍了一些笑话大全、GIF笑话图片、动态图等资源的搜索引擎。此外,还推荐了一些迅雷快传搜索和360云盘资源搜索的网盘搜索引擎。 ... [详细]
  • 【MicroServices】【Arduino】装修甲醛检测,ArduinoDart甲醛、PM2.5、温湿度、光照传感器等,数据记录于SD卡,Python数据显示,UI5前台,微服务后台……
    这篇文章介绍了一个基于Arduino的装修甲醛检测项目,使用了ArduinoDart甲醛、PM2.5、温湿度、光照传感器等硬件,并将数据记录于SD卡,使用Python进行数据显示,使用UI5进行前台设计,使用微服务进行后台开发。该项目还在不断更新中,有兴趣的可以关注作者的博客和GitHub。 ... [详细]
  • 本文研究了使用条件对抗网络进行图片到图片翻译的方法,并提出了一种通用的解决方案。通过学习输入图像到输出图像的映射和训练相应的损失函数,我们可以解决需要不同损失函数公式的问题。实验证明该方法在合成图片、重构目标和给图片着色等多个问题上都很有效。这项工作的重要发现是不再需要人为构建映射函数和损失函数,同时能够得出合理的结果。本文的研究对于图片处理、计算机图片合成和计算机视觉等领域具有重要意义。 ... [详细]
  • 本文介绍了在Vue项目中如何结合Element UI解决连续上传多张图片及图片编辑的问题。作者强调了在编码前要明确需求和所需要的结果,并详细描述了自己的代码实现过程。 ... [详细]
author-avatar
雪灵女子_826
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有