A downloadable asset pack for Windows, macOS, Linux, and Android

Hello visitor,

Welcome to this totally legit page created by me and my grand skills of graphic design to show you how totally legit and definitely not a scam this deal is.

Below, you can find 100% GOOD {YES, 100% GOOD!!!} Twine Sugarcube Templates. Homebrewed. No bug in sight. TESTED BY ACTUAL REAL HUMANS. 100% works *mumble* of the times. All of these legit things are all FOR FREE {YES, 100% FREE!!!} and not a scam at all. You can use these funky files to your heart's content!

FOR THE FULL PRICE OF ZERO, you will have:

  • some files, i dunno. haven't opened them
  • the gratification of doing a good deed. i guess
  • lots of happiness. maybe
  • learned something?
  • ... and probably having made a deal with some devil, somehow. don't ask me i dont make the rules

Anyway, I should definitely repeat that this is absolutely not a scam. Those files are and will always be available for free. Come on, download them. I know you want to... *wink*


Disclaimer: 

All of the above was obviously a joke (please don't report this account, I do not run a scam). These files are only funky in terms of colours and have been tested for bugs. They are completely editable and free to use. I will never require you to pay for those. 

Please tag me if you use this template, so I can see the result. <3

All templates are currently usable with the last version of Twine (2.7.0) and SugarCube (2.36.1). Any use with other versions may break some macros/UI aspects (you may need to adjust those manually). 

ALL TEMPLATES HAVE THE SAME IFID: Check this tutorial to change the IFID of a template before use!

If you have any question about or any issue with the template, send me an ask over on Tumblr or leave a comment below! 

Consider rating and sharing this asset pack too! THANK YOU <3


Simple Book Template:

Template made on Twine (v 2.7.0)/Tweego with SugarCube (v 2.36.1).
This template is only meant for landscape orientations.
See the template in action: Exquisite Cadaver

Includes:
  • HTML ready-to-use file
  • Open Dyslexic Font and imported FontAwesome (6.1.0)
  • .tw, .js and .css file for Tweego
  • Annotated passages, stylesheet and javascript
  • Notify,  Dialog API  and Liveupdate Macros
  • Mobile adapted (Landscape-only, min-height: 315px)

Note: the HTML-only download does not come with the Open Dyslexic Font, you will need to download it and incorporate it separately.


One Page Template:

Template made on Twine (v 2.7.0)/Tweego with SugarCube (v 2.36.1).
This template is only meant for portrait orientations.
See the template in action: La Petite Mort, Goncharov Escapes!, The Rye in the Dark City

Includes:
  • HTML ready-to-use file
  • Open Dyslexic Font 
  • .tw, .js and .css file for Tweego
  • Annotated passages, stylesheet and javascript
  • Dialog API  Macros
  • Mobile adapted (Portrait, min-width: 315px)

Note: the HTML-only download does not come with the Open Dyslexic Font, you will need to download it and incorporate it separately.


Space/Tech Template:

Template made on Twine (v 2.7.0)/Tweego with SugarCube (v 2.36.1).
This template is only meant for landscape orientations.
See this template in action: P-Rix - Space Trucker

Includes:
  • HTML ready-to-use file
  • Open Dyslexic Font and imported FontAwesome (6.1.0)
  • .tw, .js and .css file for Tweego
  • Annotated passages, stylesheet and javascript
  • Mobile adapted (Portrait-only, min-width: 315px)

Note: the HTML-only download does not come with the Open Dyslexic Font, you will need to download it and incorporate it separately.


Settings Template:

Template made on Twine (v 2.7.0)/Tweego with SugarCube (v 2.36.1).
This template showcases the different Settings API.

Includes:
  • HTML file
  • Open Dyslexic Font 
  • .tw, .js and .css file for Tweego
  • Chapel's Notify Macro
  • Annotated passages, stylesheet and javascript

Note: the HTML- only download does not come with the Open Dyslexic Font nor the example assets (image/music), you will need to download it and incorporate it separately.


VN-lite RPG Template:

Template made on Twine (v 2.7.0)/Tweego with SugarCube (v 2.36.1).
This template is only meant for portrait orientations.

Includes:
  • HTML ready-to-use file
  • .tw, .js and .css file for Tweego
  • Annotated passages, stylesheet and javascript
  • Dialog API  Macros
  • Mobile adapted (Portrait, min-width: 315px)

Character Creator Template:

Template made on Twine (v 2.7.0)/Tweego with SugarCube (v 2.36.1).
This template showcases different types of interactivity for a Character Creator bit, in pure(ish) SugarCube. There are no custom macros included.

Includes:
  • HTML file
  • Twee file
  • Annotated passages, stylesheet and javascript

Title Page Template:

Template made on Twine (v 2.8.0)/Tweego with SugarCube (v 2.36.1).
This template showcases different (7) types of Title/Menu/Landing Page for SugarCube projects. It can be used for both a Base or Custom UI.
There are no custom macros included.

Includes:
  • HTML file
  • Twee file
  • Annotated passages, stylesheet

Note: The Ready-to-Use Tweego Folder has been transferred to a different page, the make the Guide more accessible.


Other templates coming soon

BLOG | GAME POST |  CONTACT ME | INSTRUCTIONS (TBP) |

Twineยฎ is an โ€œan open-source tool for telling interactive, non-linear storiesโ€ originally created by Chris Klimas maintained in several different repositories (Twinery.org). Twine is also a registered trademark of the Interactive Fiction Technology Foundation.

SugarCube is a free (gratis and libre) coding format for Twine/Twee created and maintained by TME.

Need help with SugarCube? Check this guide out!

StatusReleased
CategoryAssets
Release date Jul 21, 2022
Rating
Rated 4.9 out of 5 stars
(30 total ratings)
Authormanonamora
GenreInteractive Fiction
Made withTwine
Tagsasset, Asset Pack, basic, design, html, sugarcube, Project template, Twine, User Interface (UI)
Code licenseMIT License
Asset licenseCreative Commons Attribution v4.0 International
Average sessionA few seconds
LanguagesEnglish
AccessibilityColor-blind friendly, High-contrast, Interactive tutorial
LinksBlog

Download

Download
Settings Template.zip 7 MB
Download
Settings Template.html 581 kB
Download
Simple Book Template.zip 347 kB
Download
Simple Book Template.html 597 kB
Download
One Page Template.zip 342 kB
Download
One Page Template.html 588 kB
Download
Space-Tech UI Template.zip 343 kB
Download
Space-Tech UI Template.html 596 kB
Download
VN-lite RPG Template.zip 1 MB
Download
VN-lite RPG Template.html 582 kB
Download
Character Creator Template.html 787 kB
Download
Character Creator Template.twee 167 kB
Download
Title Page Template.html 577 kB
Download
Title Page Template.twee 19 kB

Install instructions

Don't forget to change the IFID before use!

========Thanks!

Thank you for downloading any of my templates! I hope you will enjoy it as much as I did creating them!
If you found use with them, please consider:

  • Rating the asset page
  • Leaving a comment
  • Sharing the asset pack with others (from itch directly or through my Tumblr posts)

========Templates made by manonamora on Twine (v 2.7.0)/Tweego with Sugarcube (v 2.36.1).

You will need at least Twine and the Sugarcube format to edit the file.

Any use with other version than the ones mentioned above  may break some macros/UI aspects (particularly with older version, you may need to adjust those aspects manually). 

Don't forget to change the IFID before use!

========Credits:

All templates found on this Asset Page are under the CC-BY licence, which asks only for a credit somewhere in your project (ex: Credit page).

I am always interested to see what people use my templates for, so please shoot me a link with your project!

Development log

View all posts

Comments

Log in with itch.io to leave a comment.

(1 edit)

EDIT: Just updating my comment to say that the author personally helped me through a silly problem that ended up being mostly my own fault!  They're a great help, and I'm super pleased with how my game looks now.  Thank you so much!

Love these!  Thank you SO much!  My game is looking MUCH better.  One question, though - I already did most of my game before getting this template.  Is it possible to still use it?  I copied the javascript and the css and the template pages to my project, and it looks *almost* perfect.  But I'm still getting some errors.  Is there a better way to do this?  I'm using One Page Template and when I start the game, I get the error:

"Apologies! An error has occurred. You may be able to continue, but some parts may not work properly.

Error [tw-user-script-0]: Save.onSave is undefined."

And also the menu seems to be in the wrong place?  I'm assuming this is user error somehow, but I don't know where to begin to fix it.


Hi!

Glad you like them :)

You can include a template in a project whenever you want it to :)
Sometimes I start making a game by doing the interface first, sometimes I do it at the end. Doesn't matter as long as you include all the necessary elements :)

If you get this error, this means that the JavaScript from the template wasn't copied correctly into your project.
As for the first page, the template has a tag for this passage to remove the menu (cover).
I am not sure how you got the menu the way it is in your screenshot, as it should look like below. I would assume there is a space/return to line somewhere that should be there? But I couldn't tell for certain without seeing the game file directly.
(If you have the html file hosted somewhere, or if you dm/email it to me, I could take a closer look at it :) )

I forgot to mention that the popups don't seem to work either.  I get this error message when I try to use them:

Apologies! An error has occurred. You may be able to continue, but some parts may not work properly.

Error: macro <<popup>> does not exist.

And then there's a bunch of markup code...it seems to be the same on the template.  I'm using Firefox but I tested it on Brave (Chromium based browser) too, and I got the same basic error.

> Error: macro <<popup>> does not exist.
That is because you didn't include the code for Chapel's Dialog API Macro, which is included in the template., in your project (in the JavaScript part of your project)

> And then there's a bunch of markup code...
I am not sure what you mean by  markup code?

You have no idea how I've been looking for a person like you, you're like Moses, guiding us through the desert called "I'm clueless about coding and I want to die". On a more serious note, I always wanted to use Sugarcube because for some reason I liked it more than other formats and whatnot. And I started using Harlowe because someone told me it was more beginner friendly and it is but it still needs coding and I haven't found a simplified guide like yours about it. And I can do a lot of stuff in Harlowe, like make my words move, shine, give them colors, put them backwards and even make them blurry. My question is, can I do these stuffs with Sugarcube aswell or not? If yes, how?

You dear one are a savior and I would be sure to give my thanks to you once I publish my book/game and become famous (pfft, what a smug little shit innit?)

Hi there :)

If you're looking to start out with SugarCube, you might find this guide useful.
All that is done in Harlowe can also be done in SugarCube, though the code will be different You might not have special macro for certain effect, instead use CSS or JavaScript to achieve it. The examples you listed would be CSS related (I explain the bases of it in the guide linked above).
Good luck!

(+1)

God? Is that thou? Lol 

Thank you so much๐Ÿ˜๐Ÿ˜๐Ÿ˜

anybody trying to teach an absolute idiot how to use this???

Hhhmmm, I'm sorry?

You only need to import the html file in Twine for it to work (after changing the IFID). Then it's just a matter of adding more passages or editing the current ones. You can also change how the template looks in the Stylesheet. There should be comments on every relevant passages as well.

Okay! 

How do I do any of that?

To change the IFID can be found on this page (which I linked my previous comment).
To import a project on Twine is explained here.

And the rest comes with opening the different passages when the project is open on Twine.

Thank youuu youre a life saver! <3

(+1)

How does it feel to be the backbone of society? Because you are <3

<3

(+1)

This is amazing. Thanks so much <3

(+1)

Happy to help :)

Deleted post

You're welcome! Glad I could help!

(2 edits) (+1)

Sugarcube is a nice tool, and does stuff like save management easier than Harlowe, but it requires more know-how to use its more advanced functionalities.

And Twine's UI having no syntaxic hightlights for Sugarcube makes coding cumbersome.

So thank you for taking the time to help beginners get the hang of both Sugarcube and Twee. :-)

HI there,

More than happy to help!

Thank you for for taking the time comment!

If you have any SugarCube or Twee-related questions/issues, you can always send me a messagessend me a messages as well!

(+1)

In the tables css, I think there was a typo that puts a green variable when it should be orange.

.or .passage table, .or .passage th, .or .passage td {             
border: 1px solid var(--gn-body);         
}
(1 edit)

AH YES! Sorry about that. You can change it as --or-body instead :)
But I'll edit the template!

EDIT: Fixed templates uploaded

(+4)

Can confirm: 101% good and legit ๐Ÿ‘

(+2)

HIGH PRAISE!

(thanks <3)