Add tank stage 3 and per-stage entry links

Two stages were not much of a ladder. Add STAGE 3 · 강철 회랑: 31 steel
cells the shells cannot pass, a double brick cap over the base and two
narrow funnels into it, 8 enemies with 4 on the field.

Getting to a later stage meant clearing the earlier ones. Read the stage
from the URL (#3 or ?stage=3) at load and on hashchange, so the shell's
nav chips and a plain link both land where they say. The stage buttons
and key hints are built from STAGES, so a new stage needs no UI edit.

Simulated 10 idle and 10 random-bot runs per stage: stage 3 leaves the
base standing in 6 of 10 idle runs, and its 144 reachable cells keep the
player out of a sealed pocket - an earlier layout had only 8.

Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
This commit is contained in:
2026-09-11 16:38:20 +09:00
co-authored by Claude Opus 5
parent f771a6b3e5
commit f208619ac4
3 changed files with 112 additions and 21 deletions
+23 -1
View File
@@ -54,6 +54,20 @@ body{
.nav .label.rest{
margin-top:14px;padding-top:15px;border-top:1px solid var(--line);
}
.nav .stagejump{
display:flex;flex-wrap:wrap;gap:6px;padding:9px 17px 11px;
border-bottom:1px solid #221E19;
}
.nav .stagejump a{
flex:0 0 calc(33.333% - 4px);display:block;padding:6px 0;border:1px solid var(--line);
border-radius:4px;text-align:center;text-decoration:none;
font-size:11px;font-weight:700;letter-spacing:.02em;
color:var(--slate);background:#1A1712;
}
.nav .stagejump a:hover{color:var(--amber);background:#221E19}
.nav .stagejump a[aria-current="page"]{
background:var(--vermilion);border-color:var(--amber);color:#fff;
}
.nav a{
display:block;text-decoration:none;color:inherit;
padding:12px 18px 12px 17px;border-left:3px solid transparent;
@@ -156,6 +170,11 @@ body{
<span class="kr">탱크게임</span>
<span class="og">Tank Battle</span>
</a>
<div class="stagejump">
<a href="tank.html#1" target="stage" data-key="tank1" title="1단계 요새">1단계</a>
<a href="tank.html#2" target="stage" data-key="tank2" title="2단계 미로">2단계</a>
<a href="tank.html#3" target="stage" data-key="tank3" title="3단계 강철 회랑">3단계</a>
</div>
</div>
<div class="rail-foot">
@@ -177,7 +196,10 @@ var PAGES = {
french: {file:'french.html', name:'프랑스 문학'},
german: {file:'german.html', name:'독일 문학'},
japanese:{file:'japanese.html', name:'일본 문학'},
tank: {file:'tank.html', name:'휴게실 · 탱크게임'}
tank: {file:'tank.html', name:'휴게실 · 탱크게임'},
tank1: {file:'tank.html#1', name:'휴게실 · 탱크게임 1단계'},
tank2: {file:'tank.html#2', name:'휴게실 · 탱크게임 2단계'},
tank3: {file:'tank.html#3', name:'휴게실 · 탱크게임 3단계'}
};
var DEFAULT = 'korean';