r/twinegames

Hello folks!

I was wondering if you could have a passage that reads input that is pasted CSV (comma separated value) data to parse and use. My objective here is to produce a content-agnostic quiz engine where I could have questions + answers in an excel, save to CSV and copy & paste the raw CSV into the Twine editor. Then other passages could grab and use the questions and answers.

I have an global image set in my stylesheet, but need to override the stylesheet code so that a few of my final passages "credits" have different images. I've tried a few different codes, but didn't work. It's probably just me though. I know the "!important" inserts are a problem, but I'm afraid of screwing up anything that might not work if I do.

html, body {

margin: 0 !important;

padding: 0 !important;

width: 200% !important;

height: 100% !important;

background-color: #000 !important; /* Elegant black backdrop if window stretches past image */

}

tw-story {

background-image: url("my image is here");

background-position:center;

background-size:contain;

background-repeat:no-repeat;

background-attachment: fixed;

}

tw-passage {

position:fixed;

display:inline-block;

width:calc(min(70vw, 100vh) - 20vw);

height: min(50vw, 50vh);

top:50%;

left:50%;

translate: -50% -50%;

overflow:auto;

color: #080707 !important;

font-family: "Georgia", serif !important;

}

tw-sidebar {display:none;}

body, .story-passage, div {

-webkit-user-select: none;

-moz-user-select: none;

-ms-user-select: none;

user-select: none;

}

I'm pretty proud of it ^.^

I've hit a roadblock, and one that could probably be resolved quite easily but I'm frankly not good at html yet and feel quite stupid.

I want an RPG-style inventory/stores that normally show images alongside names of the items. I use ChapelR's simple inventory as well as the store system for it and it works quite well. The thing that I cannot for my life figure out is how to add the sprites next to the item names in the inventory and stores.

ChapelR's system has a feature to create items and consumables. What I want is basically shown in this example:

<<consumable "Apple_ItemID" "IMAGE OF AN APPLE + Apple">>

<</consumable>>

I've been trying to figure it out for hours, tried to look all over the Internet and through the source code. I've tried simply entering <img src..., [img[... etc. into the field but it just shows it as text or doesn't show anything at all. The solution my shrivelled brain has come up with is adding tags to the items and then creating a new row in the inventory grid to show an item sprite based on the tag, but I'd really just rather have an image directly attached to each item if that's possible.

Attached is an example of what I want it to look like.

https://preview.redd.it/5x2j8ap937jh1.png?width=356&format=png&auto=webp&s=fa1a11a12dbdc83d9b6a5a1921fc2d96698f98dd

If anyone has any suggestions or possible solutions I'd really greatly appreciate it.

Incredibly new, I do not know how to code or do anything at all and I downloaded twine yesterday. I’m currently trying to make a link, like a

<<link “touch me”>><<set $touched to true”>><</link>>

type link emboldened or turn another color or smth when you click on it as to indicate that it’s actually changed the variable. I can confirm that it changes the variable myself by making a little <<if>> thing but I want to see a visual indicator that it did when inside the passage inside the actual game. I’ve googled this about forty times and lots of stuff comes up, but most of it doesn’t make sense to me.

Not sure if I can do this, as I’m not sure of much. So i’d be okay with making a plain piece of text in the same passage embolden or change color depending on the variable, but I can’t seem to figure out how to do that either. Sorry if this doesn’t make sense, I don’t know what I’m doing or talking about. Thanks for any help.

Hello,

I am running into a consistent issue when trying to get a "Resume Game" button up and running on the main menu I've made for this game I am working on. I believe part of it is that I have been reverse engineering things through inspecting older twine templates to see what I can manage while also looking up CSS along the way.

I am trying to make a simple, but custom UI since I felt the default didn't fit the vibe I was going for on this project. While I've gotten both of the other buttons on this main menu functional, this resume game button is just not working.

Here is the code for the button within the main menu:

<span id="main-resume-game"><<link "Resume Game">><<run Save.browser.continue()>><</link>></span>

Here is the javascript I have currently for this:

Save.browser.auto.isEnabled() == true;

Knowing my luck it's probably something fairly simple that I'm just missing, but I would deeply appreciate some help with this.

Thank you for your time!

Hi right now I am trying to create an archetype list that uses a check box to select which archetype the player wants. That part was easy. I am having a hard time setting things up so the player can pick between 1-5 of the 20 archetypes. Ialso would like the archetypes to be displayed in the character creation menu left to right. the last thing I am having problems with is making things so the player can have archetypes added or taken away based on the players choices.

So sorry for the terrible wording of this, but I am fairly new to Twine and code stuff in general. I'm just testing things out for now before I attempt to make an actual game and I've been trying to follow a guide that I found online.

I think some parts of it might be missing and I'm not the best at Javascript so I did some research on google and figured out how to use the StoryMenu passage for links on the UI Bar and I have even discovered the magical line of <<return "Back">> which I thought was really cool until I got locked into a cycle between 'Stats' and 'Just Yeah' and couldn't return to the 'main passage'.

https://preview.redd.it/8p5vje4p9yih1.png?width=926&format=png&auto=webp&s=0c7a18db09ea58fe44a208954c1e26bf01902498

I wasn't totally sure how to fix this so I'm trying to make it so that when you enter the 'Stats' or 'Just yeah' passage, the Ui Bar is taken off the screen or as I have recently learned the correct term for it is 'stow the UI Bar'. In the 'stats' passage I have been using the code:

<<script>>
UIBar.stow();
<</script>>

But I'm realising that if I do, it will stay that way for the whole thing and I have to put code to unstow it in every other passage.

I was wondering if there might be a way to make the UI Bar unstowed by default, as in it only stows when in either the 'stats' or 'just yeah' passage without me having to put a line of code in every single passage as it is quite inefficient. Once again I'm very sorry if the wording is bad as I'm not totally sure on all the terminology yet. Any advice is much appreciated!

So, I'm currently writing my story and I'm trying to get double linkappend and timed, but for some reason the second timed isn't working?

The entire thing works, except the second timed, and it's giving an error:
Error: child tag <</timed>> was found outside of a call to its parent macro <<timed>>

I would appreciate the help!

My story looks kind of like this:

Santa, I want a new doll for <<linkappend "Christmas!">>
<<timed 2s>>

''ho ho ho! is that what you want?''

You nod your head <<linkappend "enthusiastically.">>
<<timed 2s>>

''Yes I do [[Santa!->Story2]]
<</linkappend>>
<</timed>>
<</timed>>
<</linkappend>>

Error: macro <<paperdoll>> does not exist
this is the code im starting with
<div id="paperdoll-container">
<<paperdoll>>
<img class="layer-body" src="images\Paper doll images\doll body/female body/skin_$skinTone.png">
<img class="layer-tits" src="images\Paper doll images\doll body\boobs/skin_$skinTone.png">
<img class="layer-arms" src="images\Paper doll images\doll body/ARMS/skin_$skinTone.png">
<img class="layer-hands" src="images\Paper doll images\doll body/HANDS/skin_$skinTone.png">
<img class="layer-nipples" src="images\doll body/NIPPLES/skin_$skinTone.png">
<img class="layer-bald" src="images\Paper doll images\ hair/ BALD_HEAD/ skin_$skinTone.png">
<img class="layer-eyes"src="images\Paper doll images\eyes/EYES_GRAY/$eyeColor.png">
<img class="layer-hair"src="images\Paper doll images\hair/style_$hairStyle/$hairColor.png">
</div>

I am trying to make a system where I want to ask:

(If: $variable = "Example Text") [

(set: $number to 999)

]

But twine says I need a Boolean not an equal sign. What do I do?

Is it possible to build a full blown text based rpg with Harlow, or do I have to learn c-programs, or python? thank you.

Hi, I'm an entirely new dev using twine and would like to learn how to change link color when already clicked.

I using SugarCube 2 and have been able to change link colour and passage colour in general but for some reason can't change link colour when already clicked on it.

My twine story has many options and I want my players to know what link they've already clicked on.

P.S. Can you guys share any good free music or sound effect website?

Hey I can't find any documentation on this, any way to have a conditional text display inside a paragraph? The best I could figure out is:

I look around before stepping off. The old
[if metOldCaptain]
[append]
captain
[else]
[append]
man
[cont]
[append]
is still standing at the stern, looking out towards to open sea.

Which is quite the mouthful, is this how I'm supposed to do it?