this is specifically for SENTRY and it's animation features!
Made by scott ^_^

* the easiest way to access the animation features and more is on desktop, pressing Ctrl+Space

EXAMPLES

these animation codes are presets kinda — feel free to copy and paste them to use in your own sentry!

  • All animations are set to last ONE SECOND, and NO DELAY. Read below to learn more about how you can customize these!
fade in

<% animation FadeIn 1s 0s 1 inline %> left-aligned grow/shrink animation text <% close animation %>

-> <% animation FadeIn 1s 0s 1 inline %> center-aligned grow/shrink animation text ! <% close animation %> <-

-> <% animation FadeIn 1s 0s 1 inline %> right-aligned grow/shrink animation text ! <% close animation %> ->

-> <% animation FadeIn 1s 0s 1 full %> centered image ! <% close animation %> <-

fade out

<% animation FadeOut 1s 0s 1 inline %> left-aligned grow/shrink animation text <% close animation %>

-> <% animation FadeOut 1s 0s 1 inline %> center-aligned grow/shrink animation text ! <% close animation %> <-

-> <% animation FadeOut 1s 0s 1 inline %> right-aligned grow/shrink animation text ! <% close animation %> ->

-> <% animation FadeOut 1s 0s 1 full %> centered image ! <% close animation %> <-

float

<% animation Float 1s 0s infinite inline %> left-aligned float animation text <% close animation %>

-> <% animation Float 1s 0s infinite inline %> center-aligned float animation text <% close animation %> <-

-> <% animation Float 1s 0s infinite inline %> right-aligned float animation text <% close animation %> ->

-> <% animation GrowShrink 1s 0s infinite full %> center-aligned float animation image ! <% close animation %> <-

grow shrink

<% animation GrowShrink 1s 0s infinite inline %> left-aligned grow/shrink animation text <% close animation %>

-> <% animation GrowShrink 1s 0s infinite inline %> center-aligned grow/shrink animation text ! <% close animation %> <-

-> <% animation GrowShrink 1s 0s infinite inline %> right-aligned grow/shrink animation text ! <% close animation %> ->

-> <% animation GrowShrink 1s 0s infinite full %> centered image ! <% close animation %> <-


ABOUT ANIMATIONS

the way sentry’s animation features work is similar to javascript/html/css. these are:

  • FadeIn (fade in)
  • FadeOut (fade out)
  • Float
  • GrowShrink (grow/shrink)
  • Blink

to create an animation, add this into your sentry (replacing the underline with the animation name above):

<% animation /___ %>
content (images, text, etc)
<% close animation %>

another element of the animations is the other attributes. these are:

  • duration
  • delay
  • repeat
  • inline

how these attributes are used in the animation coding affects how your animation will look. setting the REPEAT to Infinite loops it forever, while 1 would make an animation play once.
NOTE: it is neccesary to include the INLINE attribute as FULL to make centered animation work!

an example of a GROW/SHRINK animation that lasts 2 SECONDS, with a .5 SECOND delay that loops infinitely would be:

<% animation GrowShrink 2s .5s infinite inline %>

There u go hope that helps :3

Edit
Pub: 04 Sep 2023 00:05 UTC
Edit: 15 Sep 2023 14:10 UTC
Views: 1523