APP下载

掌控板动态卷轴

2020-06-30陈新龙

电脑报 2020年16期
关键词:卷轴柱子静态

陈新龙

我们通常会送朋友或者家人一张贺卡表达美好的祝福。电子贺卡相当于把祝福做成了一个小动画,它环保方便,生动有趣。下面我们用掌控板来制作一份精美的祝福新年的电子贺卡。

它的动态效果是先模拟卷轴打开,然后在卷轴上显示图案和文字。

接下来将目标分解为两个任务。

任务一:静态卷轴

任务二:动态卷轴显示祝福语

任务一:我们要制作一个动态卷轴,就得先想象出卷轴的样子(也就是静态卷轴):由两根柱子和两条线组成。柱子用填充矩形表示,纸张边缘用画线表示。以下就是静态卷轴的代码。这里要特别注意X、Y的坐标位置哦,如果弄错了,柱子就歪掉了。

任务二:动态卷轴,做完静态卷轴之后再想怎样让卷轴动起来。两个柱子向外展开,其实就是用变量控制1个填充矩形和两条线的X轴位置,让它随着时间而变长,Y轴是不需要做任何改变的。

因为每次变化时间固定,所以这里用“循环”来制作动态卷轴慢慢展开的过程。

我们要先用卷轴展开长度和变化时长计算出每次增加的长度(卷轴初始长度26,每秒钟增加20)。

當卷轴完全展开后,我们就可以在屏幕上显示文字和图片了。图片和文字的位置和大小设置,都属于细节,在调试时可根据情况修改。

这个例子只要细心计算好几个图像的相对位置,动画就能完美显示出来。通过学习,大家也可以制作不同的精美贺卡,制作不同的动画效果。

猜你喜欢

卷轴柱子静态
城里有朋友
希腊遗址
观察:长廊和柱子
猜猜他是谁
基于HTML5静态网页设计
卷轴:月亮
卷轴:雪
卷轴:骆驼
分布式系统负载均衡关键技术及其发展脉络
埃及历险记(二)