A Sugarcube Template
A custom Sugarcube 2 template for desktop, tablet, and mobile.
Features:
- Splash page, start menu, and main body passages.
- Custom navigation bar.
- Links, buttons and other UI styling.
- Custom settings:
- Change font style, font size, line height, and themes.
- Toggle fullscreen, autoname saves, notifications, choice indicators, and passage fade transition.
- ChapelR Macro sets.
- Continue Macro set
- Fading Macro set
- Notify Macro set
- Stat Meter Macro set
Credits + Resources:
- Twine by Chris Klimas - Twine Cookbook
- SugarCube by Thomas Michael Edwards - SugarCube 2 Documentation
- Custom Macros by ChapelR
- Icons - Font Awesome Icons
- Fonts - Google Fonts, Open Dyslexic
- CSS + HTML Tutorials - W3Schools
Updates:
28/08/24: This template is currently not compatible with the new version of Twine 2.9.2 or Sugarcube 2.37.3. You will need to revert back to an older version of Twine, or use a text editor, with Sugarcube 2.36.1.
i've wanted a simple template for myself for a while now - so here it is! hopefully it's helpful to someone else!! there are annotations in the code to help but i am always down to answer questions about it. feel free to use it as is or hack it up - enjoy and happy coding!
Download
Install instructions
Download and open with the Twine app or text editor of your choice.
Comments
Log in with itch.io to leave a comment.
how do I change the colors of the font etc? Also wondering how to change the colors of the start screen image logo on the "click anywhere to continue" page, it makes all the images greyscale and I want the png image to have color? Thanks!
you will need to look at the css stylesheet for both of those things :) the twine logo has a filter property (the thing making it greyscale) you can delete from the css
It's not working for the newest twine update! Please update! :)
i'm afraid i don't know when i will be able to fix things, as i have not updated my own software/programmes. for now i recommend reverting back to a twine version, or use a text editor (like vscode or atom), with sugarcube 2.36.1!
I think you need to go to javascript and change config to Config (Capitalized) Idk
This fixed some errors on startup, like fadein and the meters being broken :D Some macros are still out of commission, but those were not a part of the template, just mine. Still need to check if anything else broke.
I think everything works: So just the javascrit "config" to "Config" and a scrollbar issue (that was not a crash issue, just an aesthetic one).
The scrollbar was insistent on staying, and I could not get rid of it for some reason. It was bordering on cutting off text but adding "padding: 0.5em;" to the "#passages " in the Stylesheet made this OK. I have not tested on mobile yet. Trying to edit the #passages::-webkit-scrollbar did not do anything for some reason as far as I could tell.
I see... thats good
THANK YOU SO MUCH, THIS IS LITERALLY A GOD-SEND. VERY MUCH APPRECIATED!!!