38 lines
4.0 KiB
HTML
38 lines
4.0 KiB
HTML
<section id="view-hero" class="view">
|
||
<header class="bar top">
|
||
<button id="hero-src" class="iconbtn"><i data-icon="box"></i><span id="hero-src-label">Choose packs…</span></button>
|
||
<div class="ims-title"><span id="hero-title" class="muted">Hero Creator · experimental</span><span id="hero-dirty" class="dot bad" hidden></span></div>
|
||
<div class="spacer"></div>
|
||
<button id="hero-export" class="btn primary" disabled><i data-icon="download"></i>Export config…</button>
|
||
</header>
|
||
<div class="split">
|
||
<aside id="hero-left" class="ims-left">
|
||
<div class="ims-head"><div class="search"><i data-icon="search"></i><input id="hero-search" type="search" placeholder="Search heroes" spellcheck="false" /></div><span id="hero-count" class="muted"></span></div>
|
||
<div id="hero-list" class="hero-list"></div>
|
||
<div class="ims-foot muted mdl-hint">Select a hero as the base</div>
|
||
</aside>
|
||
<div class="splitter" data-target="hero-left" data-edge="left" title="Drag to resize"></div>
|
||
<div class="main-col hero-main">
|
||
<div id="hero-empty" class="empty"><div class="empty-card"><i data-icon="cube" class="big"></i><h2>Hero Creator</h2><p>Choose the client packs and a hero. Customize gear meshes, moves, skills and effects, then export changed INI files for testing.</p></div></div>
|
||
<div id="hero-work" hidden>
|
||
<div class="hero-summary"><h2 id="hero-name"></h2><p id="hero-summary" class="muted"></p></div>
|
||
<div class="hero-studio">
|
||
<div id="hero-stage" class="hero-stage" tabindex="0"><div id="hero-action-label" class="hero-action-label">Select an action to preview</div><div id="hero-practice-hud" class="hero-practice-hud" hidden><b>TRAINING</b><span id="hero-dummy-health">Dummy 100 / 100</span></div></div>
|
||
<div class="hero-playbar"><button id="hero-idle" class="iconbtn">Idle pose</button><button id="hero-stop" class="iconbtn">Stop</button><button id="hero-practice" class="iconbtn" disabled>Training mode</button><span id="hero-play-status" class="muted"></span></div>
|
||
<div id="hero-practice-help" class="hero-practice-help" hidden>↑ ↓ ← → move · double tap or Shift dash · A jump · S guard · D attack / hold D half attack · SD / ASD / AD / AS skills · 1–4 skill shortcuts · Esc exit</div>
|
||
<div id="hero-combos" class="hero-combos"></div>
|
||
<div id="hero-skills" class="hero-skills"></div>
|
||
<div id="hero-action-info" class="hero-action-info muted"></div>
|
||
</div>
|
||
<div class="hero-tabs seg"><button data-hero-tab="gear" class="on">Gear</button><button data-hero-tab="moves">Moveset</button><button data-hero-tab="skills">Skills</button><button data-hero-tab="effects">Effects</button><button data-hero-tab="flow" title="Every attack: input → animation events → hits → attack attributes → effects / sounds / buffs, with the checks">Flow</button></div>
|
||
<div id="hero-content" class="hero-content"></div>
|
||
</div>
|
||
</div>
|
||
<div class="splitter" data-target="hero-side" data-edge="right" title="Drag to resize"></div>
|
||
<aside id="hero-side" class="ims-side hero-side">
|
||
<section class="ims-card"><h4>Preview</h4><p class="muted">Play combos and skills here using the animations and effect references in the hero config.</p><button id="hero-preview" class="btn" disabled>Reload hero preview</button><div id="hero-preview-status" class="muted"></div></section>
|
||
<section class="ims-card"><h4>Selected field</h4><div id="hero-field-detail" class="muted">Select a field to edit its exact INI value.</div></section>
|
||
<section class="ims-card"><h4>Export status</h4><div id="hero-export-status" class="muted">Only changed INI files will be exported. The game packs remain untouched.</div></section>
|
||
</aside>
|
||
</div>
|
||
</section> |