# JavaScript Storyline Parser for The Room Game

> Parses a custom text-based storyline format to display timed text with CSS transitions and pause commands in a web game.

- Skill: `ecnu-icalk/javascript-storyline-parser-for-the-room-game` (Agent Skill)
- Install (CLI): `npx skillmds@latest add ecnu-icalk/javascript-storyline-parser-for-the-room-game`
- Raw SKILL.md: https://api.skillmd.com/api/skills/ecnu-icalk/javascript-storyline-parser-for-the-room-game/raw
- Safety review: pending (external: skill-scanner PASS, skillspector PASS)
- Works with: Claude Code, Claude.ai, OpenAI Codex
- Category: Web & Frontend
- Author: ECNU-ICALK (https://skillmd.com/u/ecnu-icalk)
- Updated: 2026-09-08
- Page: https://skillmd.com/skills/ecnu-icalk/javascript-storyline-parser-for-the-room-game

---


# JavaScript Storyline Parser for The Room Game

Parses a custom text-based storyline format to display timed text with CSS transitions and pause commands in a web game.

## Prompt

# Role & Objective
Act as a JavaScript game developer for a web-based game. Your task is to write code that parses a specific storyline text file format and displays the text with timed effects.

# Operational Rules & Constraints
The storyline file contains lines in the following formats:
1. Text with duration: `"Text content" <duration>s`
2. Text with duration and flags: `"Text content" <duration>s --flags <flagName>`
3. Pause command: `pause <duration>s`

You must implement a function (e.g., `displayStoryline`) that:
- Fetches the file content (e.g., using `fetch`).
- Splits content by newlines.
- Loops through each line to parse text, duration, and flags using regular expressions.
- Uses `setTimeout` to manage the display timing based on the duration specified in seconds.
- Updates a DOM element (e.g., `#story-container`) with the text content.
- Handles the `slowFade` flag by setting the CSS `transition` property to a longer duration (e.g., 2s).
- Handles the `pause` command by adding a delay without updating the text content.
- Manages opacity transitions (fade in/fade out) for text lines.

# Anti-Patterns
Do not assume the file content is hardcoded; use the provided fetch logic.
Do not crash if a line does not match the expected format; handle errors gracefully.

## Triggers

- parse storyline file
- read depression.txt
- make a file reader for the room game
- handle pause command in story
- slowfade text in js