Narrative_Design

Playtesting & CSS

Playtest your in-progress games

Meet with 2 partners to review in-progress games. Have something to take notes with.

After you play, write these things down and discuss with the designer:

• Describe/summarize your experience.
• Describe anything which stood out (For example: Something that you liked, or that you thought was successful)
• Did you encounter any issues that hindered your experience? (For example: Was anything unclear? Did anything seem unfinished/unresolved? Any other technical issues like choices which didn’t work?)
• Were there any notable spelling or grammar issues that you can recall?

Cascading Style Sheets (CSS) for Ink

CSS is the language used to style HTML documents in a web browser. It can be used to change the appearance of your web exported projects created with Ink.

Editing CSS

You can use a basic text editor like Notepad on Windows or TextEdit on Mac, but you might find it more enjoyable to use something more powerful like Visual Studio Code.

CSS cheatsheet

CSS is exhaustively documented online. Some notes specific to our needs with Ink are available here

Some Things to Look Out For!

• Tags will not work in the Inky editor.
• Images don’t accurately determine length of game displayed in the browser and can quickly become cut off (How to fix: Page Breaks).
• Exporting for Web will replace all files in the exported folder. Use Export Story.js option instead to make changes.
• Changes to audio not working? Try restarting the Ink game or closing/re-opening the webpage.

Work session

Get some work done this evening. The goal is to have a completed version that can be uploaded to itch.io at the start of class after the Fall Break.

Homework

Project 1: Interactive Fiction (Phase 3)

Project Description

Create a short interactive fiction (IF) game that can be completed in 10–15 minutes and features no more than three significant endings. You may build a text-only experience or incorporate images and/or sound.

Completed game due after Fall Break (10/21)

Full project description here.

Outside-of-class Playtesting

Find at least one person to play your game before class next week. What did they think?

This site is open source. Improve this page.