Skip to content
This repository has been archived by the owner on May 13, 2020. It is now read-only.

List of required image assets? #3

Open
RunawayHaggis opened this issue Sep 20, 2017 · 5 comments
Open

List of required image assets? #3

RunawayHaggis opened this issue Sep 20, 2017 · 5 comments

Comments

@RunawayHaggis
Copy link

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!

@LucaBlackDragon
Copy link

@Longwelwind what do you think about including a "blank templates set" within the project?

@Longwelwind
Copy link
Owner

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 ! :)

@RunawayHaggis
Copy link
Author

That's really useful info - thanks!

@Warrenayiss
Copy link

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?

@Longwelwind
Copy link
Owner

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.

Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
None yet
Projects
None yet
Development

No branches or pull requests

4 participants