I saw this idea on LinkedIn using Figma, I had to try it here in Rive. I used an octagon shape and used a #clip of a triangle shape to get the top half, and the bottom half.
I then used #Layers for different elements of the idle animation: The stars shimmer, the diamond rotates, and the meteor shower timeline.
I used #conditions and #inputs for when the user clicks the mouse down to #trigger the Diamond Excite timeline, and the meteor shower timeline.
Enjoy!
License
Viewing