{"id":37,"date":"2025-09-10T13:50:14","date_gmt":"2025-09-10T12:50:14","guid":{"rendered":"https:\/\/kaipearson.wordpress.com\/?page_id=37"},"modified":"2026-01-12T03:18:32","modified_gmt":"2026-01-12T03:18:32","slug":"unit-4","status":"publish","type":"page","link":"https:\/\/kaipearson.co.uk\/index.php\/unit-4\/","title":{"rendered":"Unit 4"},"content":{"rendered":"\n

Production:<\/h2>\n\n\n\n
Try the game here!<\/a><\/div><\/div><\/div><\/div><\/div>\n\n\n
\n
\n
\n\n \n\n
\n
\n Twine blog 5: Further storywriting<\/a>\n \"\"\n <\/div>\n <\/div>
\n

\n Twine blog 5: Further storywriting<\/a>\n <\/h2>\n <\/header>
\n \n \"Kai\n <\/a>\n <\/div>
\n by Kai Pearson<\/a>\n <\/span><\/div><\/div>
\n

This week I tweaked the fonts of all the characters slightly and also finalised the story.\n\n\n\nThe final layout is shown…<\/p>\n <\/div><\/div>

<\/i>1 minute read<\/span>\n on
\n
\n Twine blog 4: Storywriting<\/a>\n \"\"\n <\/div>\n <\/div>
\n

\n Twine blog 4: Storywriting<\/a>\n <\/h2>\n <\/header>
\n \n \"Kai\n <\/a>\n <\/div>
\n by Kai Pearson<\/a>\n <\/span><\/div><\/div>
\n

This week I simply worked on formatting a few more passages .\n\n\n\nI made no changes to the javascript or css…<\/p>\n <\/div><\/div>

<\/i>1 minute read<\/span>\n on
\n
\n Twine blog 3: CSS and Javascript<\/a>\n \"\"\n <\/div>\n <\/div>
\n

\n Twine blog 3: CSS and Javascript<\/a>\n <\/h2>\n <\/header>
\n \n \"Kai\n <\/a>\n <\/div>
\n by Kai Pearson<\/a>\n <\/span><\/div><\/div>
\n

With the basics down from the week before I continued to play around with A.I To create the more complex…<\/p>\n <\/div><\/div>

<\/i>2 minutes read<\/span>\n on
\n
\n Twine blog 2: Sugarcube Switch<\/a>\n \"\"\n <\/div>\n <\/div>
\n

\n Twine blog 2: Sugarcube Switch<\/a>\n <\/h2>\n <\/header>
\n \n \"Kai\n <\/a>\n <\/div>
\n by Kai Pearson<\/a>\n <\/span><\/div><\/div>
\n

I used inspiration from games and programmes I had watched to create a guidline for what story genre I wanted….<\/p>\n <\/div><\/div>

<\/i>2 minutes read<\/span>\n on
\n
\n Twine blog 1: Initial research<\/a>\n \"\"\n <\/div>\n <\/div>
\n

\n Twine blog 1: Initial research<\/a>\n <\/h2>\n <\/header>
\n \n \"Kai\n <\/a>\n <\/div>
\n by Kai Pearson<\/a>\n <\/span><\/div><\/div>
\n

Firstly I looked at which story format to use, as depending on which I picked the way i formatted variables…<\/p>\n <\/div><\/div>

<\/i>1 minute read<\/span>\n on

Proof of technical features<\/h2>\n\n\n\n

Variables:<\/strong><\/p>\n\n\n\n

Summary of all used variables in the initialisation passage. Some of these variables were planned but didnt make it in the production in time but most are used.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Conditional logic:<\/strong><\/p>\n\n\n\n

Using the previous variables, through out the story I used many if statements to differ how people interact with you dependin on your previous choices. This helps playthroughs feel different despite being a fixed story.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n
\"\"<\/figure>\n\n\n\n

Custom styling:<\/strong><\/p>\n\n\n\n

I used a.i to help generate the structure of the code for me to copy and customise for each character. This first image is of the main 2 character styling macros for the MCs speach and thoughts.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Overall I added: a gradient background, syled text, styled links, link hover animation, and a text typing animation.<\/p>\n\n\n\n

Below is a example of the link customisation and animation:<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Play testing and feedback<\/h2>\n\n\n\n

My story was fairly enjoyable so not much tweaking was needed.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

The fight scene was extra liked and probably boosted the overall rating as it made it more enjoyable to play.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n
\"\"<\/figure>\n\n\n\n

This reinforces the enjoyment of the fight and also the effectiveness of the coloured text to help immerse the player in the story.<\/p>\n\n\n\n

I wrote clear enough that the story was not confusing.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

A improvement I could of made is:<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Which I would have include more variability and paths from the choices. However, because of the time and my lack of enjoyment from storywriting I did not elabourate the variables and simply made the ‘wet’ effect make people tell u to dry off and the ‘knife’ was never used as I never wrote the passage where you go out to the market and sell\/ buy stuff with the money from your first payment working at the inn.<\/p>\n\n\n\n

Despit writing way less than I wanted too, I did write a realistic amount shown by this. As making the story as long as I orignally planned too would have taken 30mins or more to play throught which is excesive.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

I also met the main genre and didn’t go off on a tangent as the players could tell the genre from the story fairly easily. (If they knew what the genre meant)<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n
<\/div>\n\n\n\n

Key story points<\/strong><\/h2>\n\n\n\n
\"\"<\/figure>
\n

Reincarnated into another world.<\/p>\n<\/div><\/div>\n\n\n\n

\n

Meets the secondary character.<\/p>\n<\/div>

\"\"<\/figure><\/div>\n\n\n\n
\"\"<\/figure>
\n

Action events to immerse the player and make the story more interactive and enjoyable.<\/p>\n<\/div><\/div>\n\n\n\n

If I continued the story with more time I would add:<\/p>\n\n\n\n