notid/puzzle-design-kb
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add chart embeds to remaining game pages

Browse Source
This commit is contained in:
Bryce
2026-03-25 10:20:20 -07:00
parent 9c27cf5354
commit a66b087405
12 changed files with 258 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files

35
src/inspiration/beneath-a-steel-sky.md
View File

@@ -16,6 +16,13 @@ Revolution Software's 1994 sci-fi adventure demonstrates masterful integration o
---
<div align="center">
<picture>
<source media="(prefers-color-scheme: dark)" srcset="./beneath-a-steel-sky-chart.svg?dark">
<img src="./beneath-a-steel-sky-chart.svg" alt="beneath-a-steel-sky" Puzzle Dependency Chart" width="80%">
</picture>
</div>
## Puzzle 1: Dr. Burke's Holographic Receptionist
### Problem
@@ -51,6 +58,13 @@ Delegate conversation to Joey and instruct him to use his robot charm on the rec
---
<div align="center">
<picture>
<source media="(prefers-color-scheme: dark)" srcset="./beneath-a-steel-sky-chart.svg?dark">
<img src="./beneath-a-steel-sky-chart.svg" alt="beneath-a-steel-sky" Puzzle Dependency Chart" width="80%">
</picture>
</div>
## Puzzle 2: LINC-Space Password Bridge Navigation
### Problem
@@ -87,6 +101,13 @@ Decrypt and decompress data containers across LINC-Space rooms to extract passwo
---
<div align="center">
<picture>
<source media="(prefers-color-scheme: dark)" srcset="./beneath-a-steel-sky-chart.svg?dark">
<img src="./beneath-a-steel-sky-chart.svg" alt="beneath-a-steel-sky" Puzzle Dependency Chart" width="80%">
</picture>
</div>
## Puzzle 3: St. James Club Entry Via Coordinated Distraction
### Problem
@@ -124,6 +145,13 @@ Create a chain distraction: place dog biscuits on a rope-launched plank to catap
---
<div align="center">
<picture>
<source media="(prefers-color-scheme: dark)" srcset="./beneath-a-steel-sky-chart.svg?dark">
<img src="./beneath-a-steel-sky-chart.svg" alt="beneath-a-steel-sky" Puzzle Dependency Chart" width="80%">
</picture>
</div>
## Other Notable Puzzles
| Puzzle | Core Pattern Type | Brief Description |
@@ -137,6 +165,13 @@ Create a chain distraction: place dog biscuits on a rope-launched plank to catap
---
<div align="center">
<picture>
<source media="(prefers-color-scheme: dark)" srcset="./beneath-a-steel-sky-chart.svg?dark">
<img src="./beneath-a-steel-sky-chart.svg" alt="beneath-a-steel-sky" Puzzle Dependency Chart" width="80%">
</picture>
</div>
## References
**Primary Sources:**

35
src/inspiration/day-of-the-tentacle.md
View File

@@ -15,6 +15,13 @@ Day of the Tentacle is a 1993 Lucasfilm Games adventure designed by Ron Gilbert
---
<div align="center">
<picture>
<source media="(prefers-color-scheme: dark)" srcset="./day-of-the-tentacle-chart.svg?dark">
<img src="./day-of-the-tentacle-chart.svg" alt="day-of-the-tentacle" Puzzle Dependency Chart" width="80%">
</picture>
</div>
## Puzzle 1: Freeing Laverne from the Tree via Temporal Cherry Tree
### Problem
@@ -51,6 +58,13 @@ The kumquat tree becomes a "cherry tree" in Hoagie's time; George Washington cut
---
<div align="center">
<picture>
<source media="(prefers-color-scheme: dark)" srcset="./day-of-the-tentacle-chart.svg?dark">
<img src="./day-of-the-tentacle-chart.svg" alt="day-of-the-tentacle" Puzzle Dependency Chart" width="80%">
</picture>
</div>
## Puzzle 2: The Human Show Championship via Multi-Character Item Collection
### Problem
@@ -91,6 +105,13 @@ The mummy wins all three contest categories (Best Hair, Best Smile, Best Laugh),
---
<div align="center">
<picture>
<source media="(prefers-color-scheme: dark)" srcset="./day-of-the-tentacle-chart.svg?dark">
<img src="./day-of-the-tentacle-chart.svg" alt="day-of-the-tentacle" Puzzle Dependency Chart" width="80%">
</picture>
</div>
## Puzzle 3: Red Edison's Super Battery via Temporal Chemistry
### Problem
@@ -132,6 +153,13 @@ Red Edison constructs a super battery from oil, vinegar, and gold pen; Ben Frank
---
<div align="center">
<picture>
<source media="(prefers-color-scheme: dark)" srcset="./day-of-the-tentacle-chart.svg?dark">
<img src="./day-of-the-tentacle-chart.svg" alt="day-of-the-tentacle" Puzzle Dependency Chart" width="80%">
</picture>
</div>
## Other Puzzles
| Name | Problem & Solution | Pattern Type |
@@ -147,6 +175,13 @@ Red Edison constructs a super battery from oil, vinegar, and gold pen; Ben Frank
---
<div align="center">
<picture>
<source media="(prefers-color-scheme: dark)" srcset="./day-of-the-tentacle-chart.svg?dark">
<img src="./day-of-the-tentacle-chart.svg" alt="day-of-the-tentacle" Puzzle Dependency Chart" width="80%">
</picture>
</div>
### References
[THayes] Tom Hayes, "GameFAQs FAQ/Walkthrough for Day of the Tentacle" (June 19, 2008). https://gamefaqs.gamespot.com/pc/564903-maniac-mansion-day-of-the-tentacle/faqs/52988

35
src/inspiration/full-throttle.md
View File

@@ -15,6 +15,13 @@ Full Throttle is a 1995 LucasArts point-and-click adventure designed by Ron Gilb
---
<div align="center">
<picture>
<source media="(prefers-color-scheme: dark)" srcset="./full-throttle-chart.svg?dark">
<img src="./full-throttle-chart.svg" alt="full-throttle" Puzzle Dependency Chart" width="80%">
</picture>
</div>
## Puzzle 1: Melonweed Bike Repair Synthesis
### Problem
@@ -52,6 +59,13 @@ All three components are delivered to Maureen, who fixes the bike and installs a
---
<div align="center">
<picture>
<source media="(prefers-color-scheme: dark)" srcset="./full-throttle-chart.svg?dark">
<img src="./full-throttle-chart.svg" alt="full-throttle" Puzzle Dependency Chart" width="80%">
</picture>
</div>
## Puzzle 2: Mine Road Biker Combat Progression
### Problem
@@ -87,6 +101,13 @@ All four components are acquired: hover fan installed on bike, booster stolen fr
---
<div align="center">
<picture>
<source media="(prefers-color-scheme: dark)" srcset="./full-throttle-chart.svg?dark">
<img src="./full-throttle-chart.svg" alt="full-throttle" Puzzle Dependency Chart" width="80%">
</picture>
</div>
## Puzzle 3: Vulture Minefield Navigation via Distraction Physics
### Problem
@@ -123,6 +144,13 @@ A continuous path of exploded mines leads directly to the Vultures' hideout entr
---
<div align="center">
<picture>
<source media="(prefers-color-scheme: dark)" srcset="./full-throttle-chart.svg?dark">
<img src="./full-throttle-chart.svg" alt="full-throttle" Puzzle Dependency Chart" width="80%">
</picture>
</div>
## Other Puzzles
| Name | Problem & Solution | Pattern Type |
@@ -140,6 +168,13 @@ A continuous path of exploded mines leads directly to the Vultures' hideout entr
---
<div align="center">
<picture>
<source media="(prefers-color-scheme: dark)" srcset="./full-throttle-chart.svg?dark">
<img src="./full-throttle-chart.svg" alt="full-throttle" Puzzle Dependency Chart" width="80%">
</picture>
</div>
### References
[THayes] Tom Hayes, IGN Walkthrough (2003). https://www.ign.com/articles/2003/11/12/full-throttle-walkthrough-440061

20
src/inspiration/kings-quest-vi-heir-today-gone-tomorrow.md
View File

@@ -2,7 +2,25 @@
This chart maps the critical puzzle dependencies in Sierra's King's Quest VI (1992), showing which puzzles unlock access to subsequent challenges. Dependencies follow strict necessity rules—a puzzle B depends on puzzle A only if solving A is a prerequisite for even attempting B.
## Puzzle Dependency Flowchart
## At a Glance
| | |
|---|---|
| **Release Year** | 1992 |
| **Developer** | Sierra On-Line / Robyn Miller, Corey Cole |
| **Core Mechanic** | Multi-phase island exploration with parallel puzzle paths converging at castle finale |
| **What players found enjoyable** | The Five Senses Gnomes challenge teaches pattern recognition through environmental puzzles; Minotaur's Maze demonstrates fair spatial reasoning design |
---
<div align="center">
<picture>
<source media="(prefers-color-scheme: dark)" srcset="./kings-quest-vi-chart.svg?dark">
<img src="./kings-quest-vi-chart.svg" alt="King's Quest VI Puzzle Dependency Chart" width="80%">
</picture>
</div>
## Puzzle Dependency Chart
[![KQVI Puzzle Dependency Chart - SVG preview](kings-quest-vi-chart-preview.png)](kings-quest-vi-chart.svg)

56
src/inspiration/loom.md
View File

@@ -15,6 +15,13 @@ Loom is a 1990 Lucasfilm Games adventure designed by Brian Moriarty that replace
---
<div align="center">
<picture>
<source media="(prefers-color-scheme: dark)" srcset="./loom-chart.svg?dark">
<img src="./loom-chart.svg" alt="loom" Puzzle Dependency Chart" width="80%">
</picture>
</div>
## Puzzle 1: Opening the Sky to Build a Boat
### Problem
@@ -53,10 +60,24 @@ A lightning-struck tree falls into the water and becomes a boat at the dock.
---
<div align="center">
<picture>
<source media="(prefers-color-scheme: dark)" srcset="./loom-chart.svg?dark">
<img src="./loom-chart.svg" alt="loom" Puzzle Dependency Chart" width="80%">
</picture>
</div>
[Metaphor-to-Literal](../puzzles/metaphor-to-literal.md) — The riddle uses poetic language ("sky is opened") that maps directly to an existing mechanical action (OPEN draft), distinguishing it from pure observation puzzles where information must be memorized rather than applied.
---
<div align="center">
<picture>
<source media="(prefers-color-scheme: dark)" srcset="./loom-chart.svg?dark">
<img src="./loom-chart.svg" alt="loom" Puzzle Dependency Chart" width="80%">
</picture>
</div>
## Puzzle 2: Hiding the Sheep from the Dragon
### Problem
@@ -86,10 +107,24 @@ The sheep are dyed green to blend into the grass; when the dragon arrives, she m
---
<div align="center">
<picture>
<source media="(prefers-color-scheme: dark)" srcset="./loom-chart.svg?dark">
<img src="./loom-chart.svg" alt="loom" Puzzle Dependency Chart" width="80%">
</picture>
</div>
[Pattern Learning](../puzzles/pattern-learning.md) — Player learns a system (DYE changes object color) in Domain A (Hetchel's tent with wool), then applies the same rule in Domain B (field with sheep). Unlike Multi-Faceted Plan, this is a single draft applied consistently—not multiple requirements gathered from different sources.
---
<div align="center">
<picture>
<source media="(prefers-color-scheme: dark)" srcset="./loom-chart.svg?dark">
<img src="./loom-chart.svg" alt="loom" Puzzle Dependency Chart" width="80%">
</picture>
</div>
## Puzzle 3: The Green Tower Infiltration
### Problem
@@ -119,10 +154,24 @@ Bobbin becomes invisible to the guards and enters the tower, where he learns the
---
<div align="center">
<picture>
<source media="(prefers-color-scheme: dark)" srcset="./loom-chart.svg?dark">
<img src="./loom-chart.svg" alt="loom" Puzzle Dependency Chart" width="80%">
</picture>
</div>
[Sensory Exploitation](../puzzles/sensory-exploitation.md) — The workers' perception is exploited directly (APPEAR draft), differentiating this from Distraction Physics where environmental manipulation breaks a blocking pattern rather than targeting NPC sensory weakness.
---
<div align="center">
<picture>
<source media="(prefers-color-scheme: dark)" srcset="./loom-chart.svg?dark">
<img src="./loom-chart.svg" alt="loom" Puzzle Dependency Chart" width="80%">
</picture>
</div>
## Other Puzzles
| Name | Problem & Solution | Pattern Type |
@@ -138,6 +187,13 @@ Bobbin becomes invisible to the guards and enters the tower, where he learns the
---
<div align="center">
<picture>
<source media="(prefers-color-scheme: dark)" srcset="./loom-chart.svg?dark">
<img src="./loom-chart.svg" alt="loom" Puzzle Dependency Chart" width="80%">
</picture>
</div>
### References
[THayes] Tom Hayes, GameFAQs Walkthrough (2008). https://gamefaqs.gamespot.com/pc/564920-loom/faqs/26748

35
src/inspiration/maniac-mansion.md
View File

@@ -15,6 +15,13 @@ Maniac Mansion is a 1987 Lucasfilm Games adventure designed by Ron Gilbert that
---
<div align="center">
<picture>
<source media="(prefers-color-scheme: dark)" srcset="./maniac-mansion-chart.svg?dark">
<img src="./maniac-mansion-chart.svg" alt="maniac-mansion" Puzzle Dependency Chart" width="80%">
</picture>
</div>
## Puzzle 1: Swimming Pool Atomic Reactor via Timed Two-Character Cooperation
### Problem
@@ -56,6 +63,13 @@ The pool empties (revealing reactor), items are collected, then refilled before
---
<div align="center">
<picture>
<source media="(prefers-color-scheme: dark)" srcset="./maniac-mansion-chart.svg?dark">
<img src="./maniac-mansion-chart.svg" alt="maniac-mansion" Puzzle Dependency Chart" width="80%">
</picture>
</div>
## Puzzle 2: Arcade High Score Password via Observation and Security Bypass
### Problem
@@ -97,6 +111,13 @@ The broken wires are repaired via coordinated breaker/attic work; arcade high sc
---
<div align="center">
<picture>
<source media="(prefers-color-scheme: dark)" srcset="./maniac-mansion-chart.svg?dark">
<img src="./maniac-mansion-chart.svg" alt="maniac-mansion" Puzzle Dependency Chart" width="80%">
</picture>
</div>
## Puzzle 3: Film Development Chain via Character-Specific Materials Gathering
### Problem
@@ -140,6 +161,13 @@ Undeveloped film is collected, developer fluid absorbed in sponge, Michael proce
---
<div align="center">
<picture>
<source media="(prefers-color-scheme: dark)" srcset="./maniac-mansion-chart.svg?dark">
<img src="./maniac-mansion-chart.svg" alt="maniac-mansion" Puzzle Dependency Chart" width="80%">
</picture>
</div>
## Other Puzzles
| Name | Problem & Solution | Pattern Type |
@@ -155,6 +183,13 @@ Undeveloped film is collected, developer fluid absorbed in sponge, Michael proce
---
<div align="center">
<picture>
<source media="(prefers-color-scheme: dark)" srcset="./maniac-mansion-chart.svg?dark">
<img src="./maniac-mansion-chart.svg" alt="maniac-mansion" Puzzle Dependency Chart" width="80%">
</picture>
</div>
### References
[DBarker] Dave Barker, "Maniac Mansion - Solved Walkthrough" (undated). https://www.syntax2000.com/lucasfilm/mansion.shtml

11
src/inspiration/monkey-island-1-the-secret-of-monkey-island.md
View File

@@ -13,11 +13,12 @@ Monkey Island is a 1990 Lucasfilm Games adventure designed by Ron Gilbert that e
![Guybrush standing before the Scumm Bar opening scene](./monkey-island-overview.png)
## Puzzle Dependency Chart
The chart below shows the complete puzzle flow for Monkey Island 1, from initial trials through final confrontation. View it as interactive SVG in the generated book or see the [source mermaid diagram](./monkey-island-1-chart.mmd).
![Puzzle dependency chart showing full game flow from trials to fortress](./monkey-island-1-chart.svg)
<div align="center">
<picture>
<source media="(prefers-color-scheme: dark)" srcset="./monkey-island-1-chart.svg?dark">
<img src="./monkey-island-1-chart.svg" alt="Monkey Island 1 Puzzle Dependency Chart" width="80%">
</picture>
</div>
---

11
src/inspiration/quest-for-glory-1-shadows-of-darkness.md
View File

@@ -13,12 +13,17 @@ Quest for Glory 1: So You Want To Be A Hero is a 1989 Sierra On-Line adventure d
## Puzzle Dependency Chart
<iframe src="./quest-for-glory-1-chart.svg" width="100%" height="800px" style="border:none;"></iframe>
[View Puzzle Dependencies QA Report](./quest-for-glory-1-puzzle-dependencies-qa.md)
<div align="center">
<picture>
<source media="(prefers-color-scheme: dark)" srcset="./quest-for-glory-1-chart.svg?dark">
<img src="./quest-for-glory-1-chart.svg" alt="Quest for Glory 1 Puzzle Dependency Chart" width="80%">
</picture>
</div>
![Hero standing at main gate entering Spielburg—opening sequence where players enter the cursed valley](./qfg1-overview.png)
[View Puzzle Dependencies QA Report](./quest-for-glory-1-puzzle-dependencies-qa.md)
---
## Puzzle 1: The Countercurse Ingredients Meta-Puzzle

7
src/inspiration/quest-for-glory-ii-trial-by-fire.md
View File

@@ -16,7 +16,12 @@ Sierra's 1989 hybrid RPG-adventure pioneered time-based puzzle design. Unlike st
## Puzzle Dependency Chart
<iframe src="./quest-for-glory-ii-chart.svg" width="100%" height="800px" style="border:none;"></iframe>
<div align="center">
<picture>
<source media="(prefers-color-scheme: dark)" srcset="./quest-for-glory-ii-chart.svg?dark">
<img src="./quest-for-glory-ii-chart.svg" alt="Quest for Glory II Puzzle Dependency Chart" width="80%">
</picture>
</div>
[View Puzzle Dependencies QA Report](./quest-for-glory-ii-puzzle-dependencies-qa.md)

11
src/inspiration/quest-for-glory-iii-wages-of-war.md
View File

@@ -14,12 +14,17 @@ Sierra's 1992 sequel introduced three distinct class-based playthroughs, where F
## Puzzle Dependency Chart
<iframe src="./quest-for-glory-iii-chart.svg" width="100%" height="800px" style="border:none;"></iframe>
[View Puzzle Dependencies QA Report](./quest-for-glory-iii-puzzle-dependencies-qa.md)
<div align="center">
<picture>
<source media="(prefers-color-scheme: dark)" srcset="./quest-for-glory-iii-chart.svg?dark">
<img src="./quest-for-glory-iii-chart.svg" alt="Quest for Glory III Puzzle Dependency Chart" width="80%">
</picture>
</div>
![Game overview screenshot — hero character selection screen showing Fighter, Wizard, Thief classes with stats panel](./quest-for-glory-iii-overview.png)
[View Puzzle Dependencies QA Report](./quest-for-glory-iii-puzzle-dependencies-qa.md)
---
## Puzzle 1: Warrior Initiation Contest

11
src/inspiration/quest-for-glory-iv-shadows-of-darkness.md
View File

@@ -13,12 +13,17 @@ Quest for Glory IV: Shadows of Darkness is a 1994 Sierra Entertainment adventure
## Puzzle Dependency Chart
<iframe src="./quest-for-glory-iv-chart.svg" width="100%" height="800px" style="border:none;"></iframe>
[View Puzzle Dependencies QA Report](./quest-for-glory-iv-puzzle-dependencies-qa.md)
<div align="center">
<picture>
<source media="(prefers-color-scheme: dark)" srcset="./quest-for-glory-iv-chart.svg?dark">
<img src="./quest-for-glory-iv-chart.svg" alt="Quest for Glory IV Puzzle Dependency Chart" width="80%">
</picture>
</div>
![Hero standing before Erana's Staff protruding from stone pedestal in Plaza Square](./quest-for-glory-iv-overview.png)
[View Puzzle Dependencies QA Report](./quest-for-glory-iv-puzzle-dependencies-qa.md)
---
## Puzzle 1: Dr. Cranium's Antwerp Key Maze

7
src/inspiration/sam-and-max-hit-the-road.md
View File

@@ -13,6 +13,13 @@ Sam & Max Hit the Road is a 1993 LucasArts adventure designed by Steve Purcell a
![Sam & Max standing beside their car on the American open road with carnival visible in background](./sam-max-hit-the-road-overview.png)
<div align="center">
<picture>
<source media="(prefers-color-scheme: dark)" srcset="./sam-and-max-chart.svg?dark">
<img src="./sam-and-max-chart.svg" alt="Sam & Max Hit the Road Puzzle Dependency Chart" width="80%">
</picture>
</div>
---
## Puzzle 1: Gator Golf Emporium Flag Path via Crocodile Manipulation