Hotween与ITween曲线是一样的,只是前者在后者的基础上增加了一些曲线编辑的可视化界面以及在功能方面,使用者可以更能随心所欲的构建自己所想要的效果。

    接下来我们就介绍一下Hotween以及用一个Demo给大家展示一下如何灵活的运用Hotween曲线,我们在使用Hotween曲线的时候需要我们把相关的文件加到Unity里面。图示:

HoTween在Unity中的运用_第1张图片

需要我们把HoTween库放到Plugins里面,同时把Holoville也要放到Unity里面,这两个大家可以在网上下载到。

接下来我们开始实现一个Demo功能,这个功能是给我们围绕一个圈的图标,这些图标在我们拖动图标的时候可以逆时针或者顺时针旋转。我们就用HoTween实现:

HoTween在Unity中的运用_第2张图片

我们已经将图标用NGUI摆放好了,为了使效果更逼真,我们将使其由远到近依次变大。如果实现这个效果,我们就不能使用NGUI功能了,我们应该使用3D摄像机来实现,同时将其Layer设置与NGUI不同。

我们代码开始实现,首先我们需要加入引用Hotween库

HoTween在Unity中的运用_第3张图片

下面我们定义几个list表用于存储上面的图标对象以及HotWeen曲线移动轨迹。

wKioL1SsewCiAMsKAAB5nXmfzsE571.jpg

List列表就是每个图标对象对应一个用于存储位置的。

我们先从json表里把点的位置读出来放到表里面。

HoTween在Unity中的运用_第4张图片

接下来根据点的位置对每个图标生成一个Hotween的Sequence序列

HoTween在Unity中的运用_第5张图片

存储好了图标的序列和位置后,接下来我们让其运动,它里面两个函数看图所示:

HoTween在Unity中的运用_第6张图片

一个是PlayBackwards另一个是PlayForward意思就是向前运动和向后运动。通过OnDrag函数实现的。

这样我们的Demo就完成了,看一下展示效果吧:

HoTween在Unity中的运用_第7张图片

HoTween在Unity中的运用_第8张图片

看红色圆圈的部分,已经移动到相应的位置,而且随着视距的变大,慢慢变小了。

搞定!