horoli/arena
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Add critical hits, victory celebrations, and enhanced match settings

Browse Source
This commit is contained in:
horoli
2026-05-23 01:20:04 +09:00
parent a03dc02d01
commit 25137cf26e
12 changed files with 1202 additions and 152 deletions
Download Patch File Download Diff File Expand all files Collapse all files
index.html
+99 -12
View File
@@ -26,7 +26,13 @@
<div id="score-left" class="score-side left"></div>
<div id="score-right" class="score-side right"></div>
</div>
<div id="battle-notice" class="battle-notice" role="status" aria-live="polite" aria-hidden="true"></div>
<div
id="battle-notice"
class="battle-notice"
role="status"
aria-live="polite"
aria-hidden="true"
></div>
<div id="game"></div>
<div class="battle-preview" aria-hidden="true">
<span class="preview-fighter preview-knight"></span>
@@ -45,13 +51,21 @@
>
<ol id="kill-log-list" class="kill-log-list"></ol>
</section>
<div id="match-status" class="match-status" role="status" aria-live="polite" aria-hidden="true">
<div
id="match-status"
class="match-status"
role="status"
aria-live="polite"
aria-hidden="true"
>
<div class="status-track">
<span data-status-text>옵션 대기 중</span>
<span data-status-text>옵션 대기 중</span>
</div>
</div>
<p id="visitor-count" class="visitor-count" aria-live="polite">방문자 확인 중</p>
<p id="visitor-count" class="visitor-count" aria-live="polite">
방문자 확인 중
</p>
</section>
<section class="intro-stage" aria-label="Arena 시작 화면">
@@ -69,9 +83,19 @@
</div>
</section>
<button id="drawer-scrim" class="drawer-scrim" type="button" aria-label="옵션 닫기"></button>
<button
id="drawer-scrim"
class="drawer-scrim"
type="button"
aria-label="옵션 닫기"
></button>
<aside id="fighter-entry" class="fighter-entry" aria-label="전투 옵션 입력" aria-hidden="true">
<aside
id="fighter-entry"
class="fighter-entry"
aria-label="전투 옵션 입력"
aria-hidden="true"
>
<div class="drawer-header">
<div class="entry-copy">
<p class="eyebrow">Match Options</p>
@@ -87,14 +111,22 @@
>
옵션 접기
</button>
<button id="drawer-close" class="drawer-close" type="button" aria-label="옵션 닫기">X</button>
<button
id="drawer-close"
class="drawer-close"
type="button"
aria-label="옵션 닫기"
>
X
</button>
</div>
</div>
<form id="fighter-form" autocomplete="off">
<fieldset>
<legend>Players</legend>
<label for="player-names">참가자 닉네임</label>
<textarea id="player-names" name="playerNames" rows="10">Player 1
<textarea id="player-names" name="playerNames" rows="10">
Player 1
Player 2
Player 3
Player 4
@@ -103,20 +135,75 @@ Player 6
Player 7
Player 8
Player 9
Player 10</textarea>
Player 10</textarea
>
</fieldset>
<fieldset>
<legend>Match</legend>
<div class="team-size-row">
<label for="team-size">팀당 인원</label>
<output id="team-size-value" for="team-size">5</output>
<input
id="team-size-value"
class="team-size-number"
type="number"
min="1"
max="100"
step="1"
value="5"
inputmode="numeric"
aria-label="팀당 인원 직접 입력"
/>
</div>
<input
id="team-size"
name="teamSize"
type="range"
min="1"
max="100"
value="5"
/>
<div class="spawn-placement-field">
<span id="spawn-placement-label" class="spawn-placement-label"
>리스폰 설정</span
>
<div
class="spawn-placement-options"
role="radiogroup"
aria-labelledby="spawn-placement-label"
>
<label class="spawn-placement-option">
<input
type="radio"
name="spawnPlacement"
value="starting-zones"
/>
<span>집결 배치</span>
</label>
<label class="spawn-placement-option">
<input
type="radio"
name="spawnPlacement"
value="random"
checked
/>
<span>완전 랜덤 배치</span>
</label>
</div>
</div>
<input id="team-size" name="teamSize" type="range" min="1" max="100" value="5" />
</fieldset>
<div class="match-actions">
<button type="submit">전투 시작</button>
<button id="restart-button" class="restart-button" type="button">재시작</button>
<button id="pause-button" class="pause-button" type="button" aria-pressed="false">일시정지</button>
<button id="restart-button" class="restart-button" type="button">
재시작
</button>
<button
id="pause-button"
class="pause-button"
type="button"
aria-pressed="false"
>
일시정지
</button>
</div>
</form>
</aside>