Examples of jQuery and CSS animations

0 votes
asked Mar 13 by richVIE (280 points)
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.

3 Answers

0 votes
answered 4 days ago by richVIE (280 points)
push - I am sure there must be something :-)
0 votes
answered 4 days ago by idling (8,920 points)
edited 4 days ago by idling

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@@
0 votes
answered 2 days ago by HiEv (250 points)

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


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

Welcome to Twine Q&A, where you can ask questions and receive answers from other members of the community.

You can also find hints and information on Twine on the official wiki and the old forums archive.

See a spam question? Flag it instead of downvoting. A question flagged enough times will automatically be hidden while moderators review it.