PS3 PS5 Notification Animation

[LuanTeles]

@sandungas i'm a completely disaster in making animation

I'm trying to make a notification animation just like the ps5 one

https://i.imgur.com/uyhgTz1.mp4

and i tried to replicate it without success

https://i.imgur.com/uys3vx1.mp4

Can you help me with the timing and animations?

The current animation is this:

<Anim name="anim_notication_ring">
<Fade object="object:pslogo_notification_ring" time="0" accelMode="0x0" colorScaleA="1" />
<Resize object="object:pslogo_notification_ring" time="1100" accelMode="0x0" sizeScaleX="1.2" sizeScaleY="1.2" sizeScaleZ="1" />
<Fade object="object:pslogo_notification_ring" time="900" accelMode="0x0" colorScaleA="0" />
<Delay time="1100" />
<Fade object="object:pslogo_notification_ring" time="0" accelMode="0x0" colorScaleA="0" />
<Resize object="object:pslogo_notification_ring" time="0" accelMode="0x0" sizeScaleX="0.9" sizeScaleY="0.9" sizeScaleZ="1" />
<Delay time="1100" />
<FireEvent event="anim:anim_notication_ring" />
</Anim>

 

[sandungas]

Can you upload the videos to https://workupload.com/ or youtube ?, i cant watch them

 

[DeViL303]

That looks really cool. Nice work.

Looks like you just need to speed up the scale and the fade, and make the ring a little thinner.

Maybe like this would be closer? (not tested)

<Anim name="anim_notication_ring">
<Fade object="object:pslogo_notification_ring" time="0" accelMode="0x0" colorScaleA="1" />
<Resize object="object:pslogo_notification_ring" time="800" accelMode="0x0" sizeScaleX="1.2" sizeScaleY="1.2" sizeScaleZ="1" />
<Fade object="object:pslogo_notification_ring" time="700" accelMode="0x0" colorScaleA="0" />
<Delay time="800" />
<Fade object="object:pslogo_notification_ring" time="0" accelMode="0x0" colorScaleA="0" />
<Resize object="object:pslogo_notification_ring" time="0" accelMode="0x0" sizeScaleX="0.9" sizeScaleY="0.9" sizeScaleZ="1" />
<Delay time="800" />
<FireEvent event="anim:anim_notication_ring" />
</Anim>

 

[MeguminFanatic]

Like that?

(sorry for the bad quality)

<Anim name="anim_notication_ring">
<Fade object="object:pslogo_notification_ring" time="400" accelMode="0x0" colorScaleA="1" />
<Resize object="object:pslogo_notification_ring" time="510" accelMode="0x0" sizeScaleX="1.15" sizeScaleY="1.15" sizeScaleZ="1" />
<Delay time="580" />
<Fade object="object:pslogo_notification_ring" time="325" accelMode="0x0" colorScaleA="0" />
<Delay time="475" />
<Resize object="object:pslogo_notification_ring" time="0" accelMode="0x0" sizeScaleX="0.9" sizeScaleY="0.9" sizeScaleZ="1" />
<Delay time="475" />
<FireEvent event="anim:anim_notication_ring" />
</Anim>

 

[Berion]

I agree, it is at least twice to slow and to times to fat ring. ^^

 

[LuanTeles]

That looks really cool. Nice work.

Looks like you just need to speed up the scale and the fade, and make the ring a little thinner.

Maybe like this would be closer? (not tested)

<Anim name="anim_notication_ring">
<Fade object="object:pslogo_notification_ring" time="0" accelMode="0x0" colorScaleA="1" />
<Resize object="object:pslogo_notification_ring" time="800" accelMode="0x0" sizeScaleX="1.2" sizeScaleY="1.2" sizeScaleZ="1" />
<Fade object="object:pslogo_notification_ring" time="700" accelMode="0x0" colorScaleA="0" />
<Delay time="800" />
<Fade object="object:pslogo_notification_ring" time="0" accelMode="0x0" colorScaleA="0" />
<Resize object="object:pslogo_notification_ring" time="0" accelMode="0x0" sizeScaleX="0.9" sizeScaleY="0.9" sizeScaleZ="1" />
<Delay time="800" />
<FireEvent event="anim:anim_notication_ring" />
</Anim>

I think it need to be more smooth

 

[DeViL303]

I think it need to be more smooth

That looks fairly good.

In the PS5 animation video, it expands/fades for approx 22-23 frames, then there is a 39 frame pause before the next one. The video is 30fps, so about 700ms with a 1300ms pause would be about right.

I'm not sure if it will be possible to match the PS5 perfectly as it comes out fast and then slows as it expands I think.

 

[LuanTeles]

I'll leave this way :P

i just increased the delay a bit

This is the final result

Coldboot Sound + System Sounds + Notification Animation

Do you know why the first anim is not smooth? i tried to port one from xbox 360 and i got the same result, the first one will always stutter

 

[DeViL303]

Do you know why the first anim is not smooth? i tried to port one from xbox 360 and i got the same result, the first one will always stutter

Looks good.

I'm not sure, maybe its just too much happening at once, You could try add a bit of a delay before the first ripple. Maybe split the delay at the end, and put half of it at the beginning.