Animated Rounded Border Code

Published: 24 October 2024
on channel: PrincieD

122

Finally got the grunt of the rounded rectangle border code working (including edge cases) after 2 weeks and 3 refactors! The maths has been an absolute barstard! (not my strong point lol but I get by). Now only using one clip path - the rounded rectangle path/shape itself (consisting of an outer path and inner path) and the coloured sides are rendered using polygons masked by the clip path.

So in this vid I'm going a bit nuts with the width of each side animating independently and the x and y radius of each corner animating independently using a nice Transition_EaseInSine() from ProGUI's animation API.

On this page of the site you can watch the video online Animated Rounded Border Code with a duration of hours minute second in good quality, which was uploaded by the user PrincieD 24 October 2024, share the link with friends and acquaintances, this video has already been watched 122 times on youtube and it was liked by 3 viewers. Enjoy your viewing!

216