38b2806401
Live: https://monsterrobot.games/games/policesquadquest/ web/index.html is our arcade page shell, matching the house style set by morpquest (boot splash, gold README tab, controls and the shelf explained). tools/webbuild.sh copies it over the engine's default after baking, so the cases/ shelf directory stays nothing but games. Hosting, established by reading the boxes rather than the docs: the deploy-map note pointing at /opt/dealgod/images/engine/ on the dealgod VPS is stale for this domain — that path now falls through to the arcade index. monsterrobot.games is actually served by forum-nginx on the GAMES VPS (humanjing@100.71.119.27) from a bind mount of /home/humanjing/monsterrobot.games, and games are plain directories under games/ picked up by try_files with no nginx change at all. Deployed exactly like /games/morpquest/, which is the same engine. Verified live: all four assets 200 with correct application/wasm content-type, our title (not the arcade fallback), the shelf renders, a case loads and plays, and the parser round-trips over the wire. Nothing existing was touched — fresh directory, no config edited, no cache purge needed for a new path. Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
87 lines
4.0 KiB
HTML
87 lines
4.0 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<title>POLICE SQUAD QUEST</title>
|
|
<meta name="description" content="A Sierra-style EGA adventure. Sixteen cases, three generations of Frank Drebin, 1939 to 2025. Correct police procedure, followed exactly, causing catastrophe. Runs in your browser on the MRPGI engine.">
|
|
<style>
|
|
html, body { margin: 0; padding: 0; height: 100%; background: #000; overflow: hidden; }
|
|
canvas {
|
|
position: absolute; inset: 0;
|
|
width: 100%; height: 100%;
|
|
image-rendering: pixelated;
|
|
background: #000;
|
|
}
|
|
#boot {
|
|
position: absolute; inset: 0; display: flex; flex-direction: column;
|
|
align-items: center; justify-content: center; gap: 12px;
|
|
color: #55ff55; font-family: ui-monospace, Menlo, monospace; font-size: 14px;
|
|
pointer-events: none; transition: opacity .4s;
|
|
}
|
|
#boot b { font-size: 22px; letter-spacing: 3px; color: #ffd250; }
|
|
#readme-tab {
|
|
position: fixed; bottom: 0; right: 24px; z-index: 10;
|
|
background: #ffd250; color: #000; border: 0;
|
|
border-radius: 8px 8px 0 0; padding: 7px 14px 5px;
|
|
font: bold 13px ui-monospace, Menlo, monospace; letter-spacing: 1px;
|
|
cursor: pointer;
|
|
}
|
|
#readme {
|
|
position: fixed; bottom: 34px; right: 12px; z-index: 10; display: none;
|
|
width: min(380px, calc(100vw - 24px)); max-height: 80vh; overflow-y: auto;
|
|
background: #0a0a12; color: #ccc; border: 1px solid #ffd250; border-radius: 8px;
|
|
padding: 14px 16px; font: 13px/1.5 ui-monospace, Menlo, monospace;
|
|
}
|
|
#readme.open { display: block; }
|
|
#readme h1 { font-size: 15px; color: #ffd250; margin: 0 0 6px; letter-spacing: 1px; }
|
|
#readme h2 { font-size: 13px; color: #55ffff; margin: 12px 0 2px; }
|
|
#readme p { margin: 4px 0; }
|
|
#readme kbd {
|
|
background: #16161f; border: 1px solid #444; border-radius: 4px;
|
|
padding: 0 5px; font: inherit; color: #fff;
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<div id="boot"><b>POLICE SQUAD QUEST</b><span>tuning the late movie…</span></div>
|
|
<canvas id="glcanvas" tabindex="1"></canvas>
|
|
<button id="readme-tab">README</button>
|
|
<div id="readme">
|
|
<h1>POLICE SQUAD QUEST</h1>
|
|
<p>Sixteen cases. Three generations of Frank Drebin, 1939 to 2025. The game
|
|
grades you on correct police procedure with a completely straight face, and
|
|
the reward for perfect procedure is catastrophe anyway.</p>
|
|
<h2>The shelf</h2>
|
|
<p><kbd>↑</kbd><kbd>↓</kbd> choose a case · <kbd>Enter</kbd>
|
|
to play · <kbd>Esc</kbd> inside a case returns you here. Start
|
|
anywhere; each case stands alone. Act Zero is 1958 and is not funny on
|
|
purpose.</p>
|
|
<h2>Playing</h2>
|
|
<p><kbd>←↑↓→</kbd> or click to walk · type verbs +
|
|
<kbd>Enter</kbd> (<i>look, take badge, dust counter, mirandize sally…</i>)
|
|
· <kbd>1</kbd>–<kbd>6</kbd> pick a dialogue reply ·
|
|
<kbd>Esc</kbd> leaves a chat · <kbd>F1</kbd> CRT scanlines ·
|
|
<kbd>F2</kbd> sound.</p>
|
|
<h2>Advice from the files</h2>
|
|
<p>Sign out your badge AND your sidearm. Read the rights in order. Fill in
|
|
the form. The form is always the answer.</p>
|
|
<p>REGULATIONS ARE REGULATIONS.</p>
|
|
<p>Every case is 100 points. Several are lethal. One of them is worth 140.
|
|
Nobody reads the reports.</p>
|
|
<h2>Made with</h2>
|
|
<p>The <a href="manual.html" target="_blank" style="color:#55ffff">MRPGI engine</a>
|
|
(a Rust reimagining of Sierra's AGI), ~300 sprites generated locally and
|
|
crushed into 160×168 EGA, and a great deal of paperwork.</p>
|
|
</div>
|
|
<script>
|
|
document.getElementById('readme-tab').onclick = () =>
|
|
document.getElementById('readme').classList.toggle('open');
|
|
const boot = document.getElementById('boot');
|
|
setTimeout(() => { boot.style.opacity = 0; }, 2600);
|
|
</script>
|
|
<script src="mq_js_bundle.js"></script>
|
|
<script>load("mrpgi.wasm");</script>
|
|
</body>
|
|
</html>
|