/twine-resources

A collection of SugarCube 2 resources for Twine

Primary LanguageHTML

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)