How To Set Up A Points System

Just copy and paste the code into the passage StoryInit, and then adjust it to your liking.

For example:

<<set $kiyokoAffection to 0>>

Just copy and paste the code into any passage, and then adjust it to your liking.

For example: 

<<set $kiyokoAffection to $kiyokoAffection + 5>>

Just copy and paste the code into the passage that ends the game, and then adjust it to your liking.

For example: 

<<if $affection gte 75>>
I love you!
<<elseif $affection gte 50>>
I like you.
<<elseif $affection gte 25>>
I don't like you
<<else>>
I dislike you
<</if>>

How To Remove The Menu Bar

Just copy and paste the code into the Javascript.

For example:

$('#ui-bar').remove();
$(document.head).find('#style-ui-bar').remove();

How To Change Backgrounds In Passages

Just copy and paste the code into Story Stylesheets, and then adjust it to your liking.

For example:

tw-story[tags~="yachi"] {
background: #ffffff; url("yachi.jpg");
}

How To Use Fake Cycling Links

Just copy and paste the code into the passage, then adjust it to your liking.

For example:

(set:$cl to (a:
"where were you?",
"what happened?",
"why weren't you here?"))
(link-repeat:"|this>[what should you say?]")[(replace:?this)[(print: $cl's 1st)](set:$cl to(rotated:1, ...$cl))]
 

How To Use Random Events

Just copy and paste the code into the passage, then adjust it your liking.

For example:

(set: $event to (random: 1, 6))
(if: $event is 1)[The text for event 1]
(elseif: $event is 2)[The text for event 2]
(elseif: $event is 3)[The text for event 3]
(elseif: $event is 4)[The text for event 4]
(elseif: $event is 5)[The text for event 5]
(elseif: $event is 6)[The text for event 6]

Sugarcube 2 Story Stylesheets Template

@import url('');

* {
 
body {
}  
 
b, strong {
}
 
i, em {
}
 
del {
}
 
code {
}
 
q {
}
 
p {
}
 
h1, h2, h3, h4, h5, h6, h7 {
}
 
hr {
}
 
img {
}
 
blockquote {
}
 
#id {
}
 
.class {
}
 
#story {
}
 
#passages {
}
 
.passage {
}
 
.passage a, .passage .link-visited, .passage .link-internal:not(.link-visited) {
}
 
.passage a:hover, .passage a:active {
}

.passage .link-broken, .passage .link-disabled, .passage .link-broken.external, .passage .link-internal {
}

How To Edit Enchantment-Mouseover

Just copy and paste the code into the Story Stylesheets, then adjust it to your liking.

For example:

.enchantment-mouseout {
border: 0px solid #ffffff;
}
 
.enchantment-mouseout:hover {
background-color: #ffffff;
border: 0px solid #ffffff;
border-radius: 0px;
}

How To Use A Name Prompt

Just copy and paste the code into the passage, then adjust it to your liking.

For example:

<<set $name to prompt("What's your name?","Haruichi")>>

How To Make Names Be Given Randomly

Just copy and paste the code into the passage, then adjust it to your liking.

For example:
 
<<set $name to either("Haruichi", "Retsu", "Kiyoko")>> 

How To Use A Name Box

Just copy and paste the code into the passage, then adjust it to your liking.

For example:

What is your name?
<<textbox "$name" "Furudate">>

How To Use A Name Prompt

Just copy and paste the code into the passage, then adjust it to your liking.

For example:

(set: $name to (prompt: "What is your name?", "Haruichi"))

How To Use Either

Just copy and paste the code into the passage, then adjust it to your liking.

For example:


You're (either: "Hinata Shouyou", "Kageyama Tobio", "Tsukishima Kei", "Yamaguchi Tadashi!")!

How To Make Your Text Look Like A Chat Like Conversation

Just copy and paste the code into the passage, then adjust it to your liking.

For example:

|output>[]
{(set: $count to 0)
(Live: 1s)[(set: $count to it + 1)
(if: $count >= 1)[(replace: ?output)[You: "Hi."]]
(if: $count >= 2)[(append: ?output)[<br>Kageyama: "Hey."]]
(if: $count >= 3)[(append: ?output)[<br>You: "What's up?"]]
(if: $count >= 4)[(append: ?output)[<br>Kageyama: "Not much."]]
(if: $count >= 5)[(append: ?output)[<br>[[Continue]]]]
(if: $count >= 6)[(stop:)]]} 

How To Use Link-Reveal As If It is A Script

Just copy and paste the code into the passage, then adjust it to your liking.

For example:

(link-reveal: "You: <q>Hello.</q>")[
(link-reveal: "Hinata: <q>Hey!</q>")[
(link-reveal: "You: <q>How are you?</q>")[
(link-reveal: "Hinata: <q>Great!</q>")[
(link-reveal: "You: <q>How is the team?</q>")[
(link-reveal: "Hinata: <q>They're great too!</q>")[
You: <q>I would like to see them again.</q>
]
]
]
]
]
]

How To Use Live

Just copy and paste the code into the passage, then adjust it to your liking.

For example:

{(live: 0.5s)[
(either: "Hinata!", "Kageyama!", "Tsukishima!", "Yamaguchi!")
]}

How To Make Your Image A Link

Just copy and paste the code into the passage, then adjust it to your liking.

For example:

[[<img src="Kiyoko.png">->Next Passage]]

How To Use Confirm

Just copy and paste the code into the passage, then adjust it to your liking.

For example:

(set: $toJoin to (confirm: "Would you like to join the boys' volleyball team?"))

How To Use The Alert

Just copy and paste the code into the passage, then adjust it to your liking.

For example:

(alert: "Welcome to Karasuno High School.")
 

How To Use Display

 Just copy and paste the code into the passage, then adjust it to your liking.

For example:


(display: "Karasuno")

In order for it to work, you need to create a passage with the same name that you are trying to display.

How To Use Link-Reveal

Just copy and paste the code into the passage, then adjust it to your liking.

For example:

(link-reveal: "Lion")[hearted]