利用PreLoader实现一个平视显示(HUD)效果(可以运用到加载等待效果),并进行简单的讲解

Posted hbblzjy

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了利用PreLoader实现一个平视显示(HUD)效果(可以运用到加载等待效果),并进行简单的讲解相关的知识,希望对你有一定的参考价值。

PreLoaderDisplayWhite.gif

什么是PreLoader?

PreLoader是由Volodymyr Kurbatov设计的一个很有意思的HUD(平视显示效果(Head Up Display)),通过运动污点和固定污点之间的粘黏动画吸引用户的眼球跟踪,能有效分散等待注意力。

这篇文章简单剖析本人使用OC实现PreLoader的原理思路和做法。

喷出来的油污

根据这个Loading动画的粘黏特征,我把它里面这些有颜色的物体比作油污,观察这个动画发现,可将它分成两个整体,左右两边两个固定的油污,还有移动中的三个小油污点,左右两个固定的油污轮流向对方喷射油污,双方都会因为吸收油污而变大,喷射油污而变小。

首先我们从左右循环移动的污点着手,因为路径不是平滑一步到位,我这里选择使用CAKeyframeAnimation关键帧动画,先做出在左右固定点间来回运动的污点。

1

以上是关于利用PreLoader实现一个平视显示(HUD)效果(可以运用到加载等待效果),并进行简单的讲解的主要内容,如果未能解决你的问题,请参考以下文章

如何从 GNOME 下的 HUD DBus 服务中获取结果?

如何用Unity GUI制作HUD

android 利用cmdline,将參数从preloader传递到kernel

如何用Sprite Kit制作《太空入侵者》

将图像保存到库时不显示 HUD 微调器

HUD刷新

(c)2006-2024 SYSTEM All Rights Reserved IT常识