Twine

I have zero experience with anything of this nature and have found this endlessly weird to do.

Originally I edited my text through the style sheet, not realizing I could do it for every line of code- so I had to undo that and redo it all individually because I wanted the start button smaller than the title.

I wanted to try and add photos and mess with text mainly- this genuinely took me two hours because I had to redo everything differently consistently.

I want to add a loading bar under rebooting as well as music on the title screen. I got the back button gone which I was worried about. However, when I make text larger than a 4 it adds a scrolling bar and I don’t understand why? It also is bigger than the window, which may be because of the background image size? I’m unsure.

Originally I had the title text mirrored upsidedown and blurred but didn’t like it after working on figuring out how. I find tutorials weird because there’s like three different styles of getting the text in, however, I’m slowly learning the rules.

Twine Editor

I’ll add the lines at the very bottom so you don’t have to scroll through the spam if you aren’t interested.

Start Screen

You click the start button and it goes to the next slide, and it automatically makes it blue, I can’t figure out how to make it white just yet because it’s hyperlinked or whatnot.

The start button originally had a box around it but I’m unsure how to implement it without scrolling bars coming up.

Reboot Screen

I got rid of the backspace! But am unsure of the function of the plus sign at the moment or how to get rid of it.

Title Screen

(text-size:6)+(font:”consolas”)+(text-style:”expand”,”fidget”)+(align:”<==>”)+(box:”X”)[MIRR0.^^r^^]

(text-size:2)+(font:”consolas”)+(align:”<==”)[[start]]

Reboot Screen

(enchant:?page,(bg:navy))+(font:”consolas”)+(transition-arrive:”dissolve”)+(align:”=><=”)+(box:”X”)+(text-size:4.5)[rebooting…]

#Stylesheet

tw-story[tags~=”stars”]{
background-image:url(“file:///C:/Users/nickr/OneDrive/Desktop/stars.png”);
background-size:normal;
}
tw-sidebar {
display: none;
}


Posted

in

by

If you’ve lost your way in the IFStravaganza, you can always go back to the beginning.

Comments

One response to “Twine”

  1. kblair Avatar
    kblair

    Feel free to come to office hours or set up another time to chat with me if you’d like some CSS help / to be pointed to resources :D. This is an awesome start!

Leave a Reply