sganggs
01a44cd288
Online co-op browser remake of Arknights' Stronghold Protocol: Alliance (client-simulated combat, official waves/bonds/items/strategies, 3D board, facing wheel, operator loadout, official emotes, deployment scripts).
49 lines
2.8 KiB
HTML
49 lines
2.8 KiB
HTML
<!doctype html>
|
|
<!--
|
|
In-match UI mock harness (dev only): drives the real game screens (js/screens/game.js …) with
|
|
fabricated m.public / m.private / m.field / b.snap / b.ev streams and a tiny mock server behind
|
|
net.request, so every phase can be developed and screenshot without the game server.
|
|
URL params: ?phase=PREP|INFO_CHECK|BAND_DRAFT|BATTLE_CHECK|SP_DRAFT|COMBAT|UNITE|SETTLE|FINAL_ASSAULT|HIDDEN_CORE|RESULT
|
|
&variant=reward|bounty|supply|tactic|temp|frozen|dead|defeat|solo|popup|detail|drawer|info|pen|emote|settings|collapsed|bond|drag
|
|
|overtime|drain (boss rounds: level time over / overtime drain) |paused (solo battles)
|
|
&shot=1 (hide the switcher) &render=engine|fallback (default: the Pixi engine, DOM fallback if it fails)
|
|
Keyboard: ` toggles the switcher.
|
|
-->
|
|
<html lang="zh-CN">
|
|
<head>
|
|
<meta charset="utf-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=no, viewport-fit=cover" />
|
|
<title>Game Mock · 卫戍协议：盟约</title>
|
|
<link rel="icon" href="data:," />
|
|
<link rel="stylesheet" href="/fonts/fonts.css" />
|
|
<link rel="stylesheet" href="/css/theme.css" />
|
|
<link rel="stylesheet" href="/css/components.css" />
|
|
<link rel="stylesheet" href="/css/screens/game.css" />
|
|
<link rel="stylesheet" href="/css/screens/game-shop.css" />
|
|
<link rel="stylesheet" href="/css/screens/game-panels.css" />
|
|
<link rel="stylesheet" href="/css/screens/briefing.css" />
|
|
<link rel="stylesheet" href="/css/screens/draft.css" />
|
|
<link rel="stylesheet" href="/css/screens/result.css" />
|
|
<link rel="stylesheet" href="/css/screens/guide.css" />
|
|
<link rel="stylesheet" href="/css/emotes.css" />
|
|
<link rel="stylesheet" href="/css/devices.css" />
|
|
<script type="importmap">
|
|
{ "imports": { "preact": "/vendor/preact.module.js", "preact/hooks": "/vendor/hooks.module.js", "htm": "/vendor/htm.module.js" } }
|
|
</script>
|
|
<style>
|
|
.mockbar { position: fixed; z-index: 150; right: 8px; top: 50%; transform: translateY(-50%); width: 188px; max-height: 92vh; overflow: auto;
|
|
display: flex; flex-direction: column; gap: 4px; padding: 8px; background: rgba(6, 9, 8, .92); border: 1px solid #3e4b45; font: 12px/1.3 sans-serif; color: #c3cbc7; }
|
|
.mockbar h4 { margin: 6px 0 2px; font-size: 11px; letter-spacing: .12em; color: #4ed8af; }
|
|
.mockbar button { text-align: left; padding: 4px 6px; background: #141816; border: 1px solid #2f3a35; color: #f2f2f2; font-size: 12px; cursor: pointer; }
|
|
.mockbar button:hover { border-color: #4ed8af; }
|
|
.mockbar button.on { background: #145443; border-color: #4ed8af; }
|
|
.mockbar.hidden { display: none; }
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<div id="app"></div>
|
|
<div id="mockbar" class="mockbar"></div>
|
|
<script type="module" src="/dev/game-mock.js"></script>
|
|
</body>
|
|
</html>
|