Examples of jQuery and CSS animations

Question

Hello community!

Could you point to some examples of (preferably SugarCube-based) twine games that make heavy use of animations? I want to start putting a bit of magic into my own work and would like to learn from other examples.

Answer 1

push - I am sure there must be something :-)

Answer 2

CSS animations in Twine mirror regular CSS animations. If you want some examples of what and how you can do those, look here.

@greyelf has also posted some examples for dynamic text styles here. The Usage examples have been corrupted in that thread as they have pointed out, so keep that in mind. The correct usage would be:

@@.shadow;This text should have a shadow@@
@@.emboss;This text should be embossed@@
@@.blur;This text should be blurred@@
@@.blurrier;This text should be blurrier@@
@@.smear;This text should be smeared@@
@@.mirror;This text should be mirrored@@
@@.upside-down;This text should be upside-down@@
@@.fade-in-out;This text should fade in and out@@
@@.rumble;This text should be rumbling@@
@@.shudder;This text should be shuddering@@

@@.pulse;This text should pulse once@@

Answer 3

There are lots of examples of great animations and such, mainly using CSS and JavaScript, that you can find at CodePen:

https://codepen.io/pens/

If you search for what you're looking for you can usually find something useful that you can add to your Twine project.