北屋教程网

专注编程知识分享,从入门到精通的编程学习平台

脑洞大开把图片和三条线段变成一个时钟

脑洞大开把图片和三条线段变成一个时钟


岁末寒冬雪花纷飞,

日出月照钟表滴答。

今天呢,我们来变一个魔术,用一个图片和三条线段加上神奇的魔法就可以变成一个用来度量时间的钟表了。先看这个场景

在客厅上悬挂一个时钟,这个时钟自动跟随电脑的时间系统,时针、分针、秒针跟着旋转。在文章的末尾的视频可以了观察到他们的转动。

说说制作步骤吧:

1、首先到网上找一张时钟的图片下载并保存下来。比如像这张图片。

2、启动编程猫,导入一张室内背景图片。

默认的背景图片是白色的,我们要从软件自带素材库中去寻找一张室内图片,找到左下角的新建背景。可以看到下方有四个小图片,从左到右依次是,1从背景库中选择背景,2绘制背景,3从本地文件中上传一个背景,4拍摄照片做背景。这里我们选择1从背景库中选择背景。

3、点击室内,找到room3图片,单击确定。

这样我们就导入了背景

4、和刚才导入图片背景类似,现在要导入角色。单击从本地上传按钮,把从网上下载的钟表图片导入到舞台中,删除猫头,调整钟表图片到合适的位置。

5、修改钟表图片去掉背景。选择造型选项框。

在右边的造型编辑窗口中用橡皮擦擦掉不需要的背景

设置钟表的造型中心,单击右上角的+号进行调整。

这时在左边舞台中把钟表移到适当位置。

6、添加秒针、分针、时针角色,只需要用绘制角色绘制三条线段即可。

对这三条线段都设置成造型中心在线段左边,目的是要让这三条线段都绕左边端点进行旋转,

找到脚本选项卡中的外观,把时针、分针、秒针都移到最上层。

7、接下来就只要写几行代码就可以了。

钟表图片代码

秒针图片代码

分针代码

时针代码

注意要让时针、分针、秒针、钟表四个的初始位置坐标一样。

这个积木块的组合方式是这样的

控制面板
您好,欢迎到访网站!
  查看权限
网站分类
最新留言