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):
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