adventures
adventures copied to clipboard
Longwelwind
List of required image assets?
I see that Adventures uses image assets which are not included by default, as they need to be purchased separately.
Is it possible to get a list of the names and descriptions of the expected image assets, for those who would prefer to create their own? I imagine it would be a common requirement to customise the look and feel of the graphics.
Love the idea of this project btw - great work!
@Longwelwind what do you think about including a "blank templates set" within the project?
This is definitely possible, but it will take some time & effort, so don't expect it to be done soon 😐
if you still want to try:
At the moment, images are bundled into the CSS using a small Webpack plugin that replaces [[...]] by base64-encoded images.
Basically, in design.css, when you see this:
border-image: url("[[./images/Windows/_sheet_window_29.png,64,0,48,48]]");
It means that, at build-time, the image located in images/Windows/_sheet_window_29.png will be cut (starting from the pixel 64,0 and for a final size in pixels of 48,48) and base64-encoded into the final CSS file.
So if you want to create custom images, you can simply create images at those locations. You can use Chrome developper tools (Press F12 while playing your story in Twine) to find which CSS class is used. Most of the images in design.css aren't used (some are there for undocumented features). I'll try to make a quick list if I find the time ! :)
I'm perhaps stupid but I still can't change the images assets in my project I was trying to use some free asset to avoid license problems (https://kyrise.itch.io/kyrises-free-16x16-rpg-icon-pack for icons and https://kenney.nl/assets/ui-pack-rpg-expansion for UI)
Can we have some more explicit tutorial or doc please?
Hi,
I should add a note in the README.md, but the project is not actively maintained. Normally, tough, the instruction I've given should still work to change images.