A downloadable engine

Calico is an interactive fiction engine for web games, powered by Inkle's ink. Designed as a replacement to the default Ink web player, Calico offers a borderline irresponsible number of new features, such as custom tags, keyboard shortcuts, full mobile compatibility, custom text transitions, and simple text styling and parsing.

Plus, thanks to a simple plug-in framework, Calico can be patched to support just about anything else, such as preloading files, storylets, saving, loading, rewinding to previous passages, and much, much more.

To see Calico in action, check out Winter, written by Freya Campbell and myself.

You can find a guide to the basics of ink here. For a guide on how to build a game in Calico, head here.

Calico was developed alongside Catmint, a simple application that can automatically compile your ink files for you. 

Instructions

Calico is a work in progress. Right now, the documentation is lacking, thanks to real world responsibilities and my hands kind of hurting. Check out the guide above, but please don't hesitate to reach out to me if you have any issues — I'm right here on Twitter.

And likewise, if you're interested in helping develop this engine, clean up my possibly dangerous Javascript, or develop new patches, please don't hesitate to reach out. 

Acknowledgements

Special thanks to Freya, Jemma, and every single person who let me talk their ear off about this engine.

Cover art by Sara Litzenberger, whomst I very much love.

And thanks to the Bitsy community, and all your wonderful hacks, for being the inspiration for this little project.

Download

Download
Calico [Template]
Download
Winter [Sample project]

Development log

Comments

Log in with itch.io to leave a comment.

Howdy! I been messing around with this for a little bit, and I can't seem to figure out how to get memory card to work. I won't lie, I'm not the best with javascript. I was wondering if you had any code examples that dealt with saving and loading game progress.

Thank you for for your hard work creating these tools. You're doing great.

(+1)

hey! autosave.js has a basic example of saving and loading the story’s state, circa line 23! you just need to pass in the story object, with an optional id, and either set the default format globally (using story.options.memorycard_format) or by passing it as the third argument in that function. the available options are “cookies” or “session” or “local” — i’d recommend session if your game is short and linear, and local if you expect the player to come back more than once or twice.

Thank you! I'll look into this.

I've come across an issue. Every time I attempt to save, I get this error: 
'ink' seems to be undefined, and I'm unsure how to fix it.

(+1)

oh, i think you might have forgotten to pass in the story object to the function! either way, feel free to message me on twitter, and i’ll see what i can do to help!

I feel quite dumb, that was exactly the issue. Thank you for your help!

if i want to make multiple stories, do i duplicate/redownload the calico template folder or is there something different that i should do? apologies if this question is very obvious, i am terrible with this sort of thing lol. kudos to you for all the hard work you have been doing!

(+1)

Oh, you’re totally fine! That’s a good question– I’d suggest duplicating the template folder, yeah! Easier to keep things organised, that way, and you don’t have to worry about a change accidentally breaking one of your other projects.

(This stuff’s genuinely hard, and you’re doing great! I’m on Twitter if you need more detailed help. 💕)

thank you so much!

Would I be able to package a piece of IF and distribute it as an app on iOS and Android via this?

(+1)

Calico doesn’t offer that out of the box, but I am pretty dang sure there are ways to do that, yes! You’d want to look into hybrid apps, and React Native. That said, those would all just act as a wrapper for an HTML file, so you could do the same with the default ink web player, Twine, Bitsy, or anything else.

Hi, I'm genuinely confused with the wording of "If you upload this zip to itch.io and run it, index.html will load as a blank page, apply the style rules in style.css, and then boot up the Javascript files that are linked in index.html — by default, ink.js, calico.js, and then project.js, in that order." -- how do i do that? I'd super like to use Calico because it seems like a great tool, however as a not-very-tech-savvy person I'm struggling a little with the documentation.

Heya Milk!

That’s just me attempting to describe the role of each file once they’re uploaded to itch in a zip file. You don’t need to worry about the specifics there– you can just edit project.js, create a zip from the folder, and upload it to itch.

thank you so much!! sorry for all the questions but on trying to open calico.js it gives me this --




i've updated java so i don't think the issue is an outdated version but i could be wrong
(+5)

Just a few notes for other less tech savvy people who may be having trouble:
* If you're using this together with Inky.

If you use a json file make with the latest version of inky ( Version 0.12.0 using Ink 1.0) Catmint throws up this error:

ink.js:3581 Uncaught (in promise) Error: Version of ink used to build story was newer than the current version of the engine

    at new Story (ink.js:3581)

    at calico.js:181
Tried it also by reexporting the Winter demo too.


However if I grab 0.11.9 from June last year it works. https://github.com/inkle/inky/releases/tag/0.11.0

* If you get an error trying to run a JS file make sure to download something like node.js https://nodejs.org/en/

* I think you may also have to add the autosave and memory card patches to the default project before it runs? ( This may be be though)

I'm really excited for this. I've really wanted to make a longer ink game but I lack the skills to do that and Unity just seems like a lot. Looking forward to see how this progresses! 

(1 edit) (+2)

Thank you, Rebecca! Like, really, thank you, I totally forgot about this issue. Yeah, the Javascript port of ink (inkjs) hasn’t yet been updated to support the newest version of ink– it should be here any day now, but in the meantime…

Actually, you know what? I typed that, and then I realised I could just tweak something inside ink.js. And you know what? It totally works now.

So I’ve uploaded a new version of Calico. I think ink.js may still throw errors if you try to use certain newer features like bools, but you should be able to import otherwise innocent files now?

Let me know if you’re still having trouble!

Otherwise, Catmint comes with node.js installed, so you should be fine on that count, and you won’t need any patches set up to run Calico– though I’d recommend importing that autosave patch (which automatically imports the memory card patch) if you’re using Catmint, since it’ll let you preserve your place in the story if you need to reload the window.

(+6)

thank you for creating this tool, I hope it inspires a lot of writers to release their works.

(-39)

I understand you're really busy, but if you're going to accept money for software I think it's unethical not to include a LITTLE documentation.  Give your project at least a README with the most basic possible steps to get it working.  I paid to support your project and I feel a little disappointed since I can't use it and it's really just a copy of a different game.  This is not ready for any kind of paid release.  I wanted to try this and write a nice mini-review on the reddit page but I'm not able to do so.

(1 edit) (+20)

Hey pal!

I’ve provided some basic instructions above that should serve to do exactly that– but you’re right, documentation is somewhat lacking right now, and I’ll include something with the download with the next release. I launched this using the default itch settings, I wasn’t expecting any sort of donations, but if you want me to refund your contribution, I’m more than happy to do so.

If you have any specific questions, please feel free to message me on Twitter.

EDIT: I’ve thrown together some documentation that will hopefully help? Take a look here, and let me know if you’re still having issues!

(+3)(-3)

That is so much better.  Thanks for addressing the documentation issue, that's a giant improvement.

(+42)

A PWYW donationware release that clearly states upfront it is a work in progress and "the documentation is lacking" is not an ethical issue. The choice to donate money towards a work in progress is yours.