Twine Resources

A in-progress collection of SugarCube 2 resources for Twine.

Contents:

• demos - examples of various features and demos of how to integrate CSS & JS libraries into Twine

  • animate.css (link, live demo) - for adding a set of pre-built animations into Twine.

    

  • maps & defining clickable regions of an image (link, live demo) - for creating an image that has different areas that can be clicked. Also, includes the maphilight plugin for highlighting those areas when the player hovers over them.

    

  • embedding custom fonts (link, live demo)

    

• macros - custom macros for use with SugarCube 2

  • clickdialog and clickdialogchoice macros (link, live demo) - for creating dialog boxes.

    

  • keyboard macros (link, live demo) - detecting when a key is pressed or released.

    

  • mouse macros (link, live demo) - detecting when the mouse enters, leaves or moves over an element.

    

• css - examples of how to create different visual designs with CSS

  • bleached - Thomas Michael Edwards's bleached styling for SugarCube.

  • textbox (link, live demo) - creating a textbox around passages.

    

  • backgrounds (link, live demo) - creating passages that have images and gradients as backgrounds.

    

• hosting - tutorials on how to host your twines (or other web projects) online

  • Free hosting with GitHub pages (link)