Play online and try the demo Studio
Français · Type: how-to · Audience: player, author · Context: player's browser, demo Studio · Status: ready · Applies from: 4.2.5
How to play the sample game and open the Studio in your browser, with nothing to install.
What you get
The Pantry Key, the sample game, running in your browser, and the Studio editing that same game, your edits kept in your browser only.
Context and versions
The public site of the project, built by CI from the main branch of the engine repository and served by GitHub Pages.
Its address since 4.2.5 is wanoo.github.io/quest-n-click; the old wanoo.github.io/web-scumm redirects there. The
site shows the engine as it is on main, which may be ahead of the latest release.
Prerequisites
- A recent browser on a phone (in landscape) or a computer. Nothing else.
- For the Studio's Assistant only: a key of your own for a chat model (see The Assistant).
Where to do it
In your browser. No command.
Steps
- Play: open wanoo.github.io/quest-n-click. On a phone, turn it to
landscape. Tap New game. The game is in English;
?lang=frin the address, or the settings, switch it to French (Languages). How to play: Controls.
- Keep it (optional): install it as an app and play it offline (Install the game as an app).
- Open the Studio: wanoo.github.io/quest-n-click/studio.html. It is the demo mode: the same Studio, the same engine view and placement editor as on your machine, running without any server. A banner says "Demo: your edits stay in this browser".
- Edit: change a line, move a prop, add a note. Validate and Solve run in the page, on the game with your edits.
Download patch saves your edits as
studio-patch-<game>.json; Reset demo drops them all.
Expected result, and how to check it
- The game: the title screen, then Grandma's living room with nine verbs and the bag.
- The Studio: the Rooms tab on Grandma's house, and the Check tab green after an edit that keeps the game finishable.
Common errors
| Symptom | Cause | Fix |
|---|---|---|
| "Rotate your phone" | The game plays in landscape | Turn the phone |
| No sound | Sound starts at the first tap | Tap once; Player troubleshooting |
| The Studio's screenshot panel is missing | Screenshots need a local dev server | Run the Studio locally (The local Studio) |
| The Assistant refuses a call from the page | Some providers refuse browser calls from an unknown origin | Use Ollama on your machine, or the local Studio, whose server relays the call (The Assistant) |
Limit ·
demo-edits-localThe demo Studio keeps your edits in this browser's local storage only: another browser, a cleared site or Reset demo loses them. Download the patch to keep them.
Files or data changed
In your browser: the game's saves and cache (Privacy), and the demo's edits in local storage
(key web-scumm.studio-demo.<game>). A downloaded patch lands in your downloads folder.
Recovery or going back
Reset demo returns the Studio to the published game. A downloaded patch can be applied to your own copy of the game
with npm run studio-apply (Demo mode and studio-apply).
Make your own game
The engine installs from a release's archive, not from npm yet: Install from the release archive, then Your first game.