53 lines
3.7 KiB
HTML
53 lines
3.7 KiB
HTML
<section id="view-tex" class="view">
|
|
<header class="bar top">
|
|
<button id="tex-open" class="iconbtn" title="Open a folder of textures (.png .jpg .tga .bmp .dds)"><i data-icon="folder"></i><span>Open folder…</span></button>
|
|
<button id="tex-openfile" class="iconbtn" title="Open one picture (or drop it on the view)"><i data-icon="image"></i><span>Open file…</span></button>
|
|
<button id="tex-convert" class="iconbtn" title="Every .png / .jpg / .tga / .bmp of the folder → .dds (the format in Save as .dds)"><i data-icon="swap"></i><span>Convert folder to .dds…</span></button>
|
|
<div class="ims-title"><span id="tex-title" class="muted"></span><span id="tex-dirty" class="dot bad" title="Not saved yet" hidden></span></div>
|
|
<div class="spacer"></div>
|
|
<button id="tex-saveas" class="btn" disabled><i data-icon="download"></i>Save as…</button>
|
|
<button id="tex-save" class="btn primary" disabled title="<name>.dds next to the picture (Ctrl+S)"><i data-icon="save"></i>Save .dds</button>
|
|
</header>
|
|
|
|
<div class="split">
|
|
<aside id="tex-left" class="ims-left">
|
|
<div class="ims-head">
|
|
<div class="search"><i data-icon="search"></i><input id="tex-search" type="search" placeholder="Search" spellcheck="false" /></div>
|
|
<span id="tex-count" class="muted"></span>
|
|
<button id="tex-refresh" class="iconbtn only" title="Read the folder again"><i data-icon="refresh"></i></button>
|
|
</div>
|
|
<div id="tex-list" class="mdl-list tex-list"></div>
|
|
<div id="tex-dir" class="ims-foot muted mdl-hint tex-dir"></div>
|
|
</aside>
|
|
<div class="splitter" data-target="tex-left" data-edge="left" title="Drag to resize"></div>
|
|
|
|
<div class="main-col">
|
|
<div class="bar nav">
|
|
<div id="tex-tools" class="seg"></div>
|
|
<div class="spacer"></div>
|
|
<span id="tex-zoom" class="muted mono"></span>
|
|
<button id="tex-100" class="iconbtn" title="Actual size (100%)"><span>1:1</span></button>
|
|
<button id="tex-fit" class="iconbtn only" title="Fit the picture (0)"><i data-icon="fit"></i></button>
|
|
</div>
|
|
<div class="mdl-stage tex-stage">
|
|
<canvas id="tex-canvas" tabindex="0"></canvas>
|
|
<div id="tex-loading" class="mdl-loading" hidden><i></i><span>Loading…</span></div>
|
|
<div id="tex-empty" class="empty">
|
|
<div class="empty-card">
|
|
<i data-icon="brush" class="big"></i>
|
|
<h2>Texture Studio</h2>
|
|
<p><b>Open folder…</b> and click a picture. Select what to change — <b>Magic wand</b> / <b>Colour range</b> (click a colour), <b>Lasso</b>, <b>Rectangle</b>; Shift adds, Alt takes away — then <b>Recolour</b> it and <b>Apply</b>.</p>
|
|
<p class="muted"><b>Save .dds</b> writes the game's format (DXT1 / DXT5 with mip maps, like its own textures); <b>Convert folder to .dds…</b> does every .png of the folder at once. Wheel: zoom, middle / right drag or Space: move.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="splitter" data-target="tex-side" data-edge="right" title="Drag to resize"></div>
|
|
<aside id="tex-side" class="ims-side ans-side">
|
|
<section class="ims-card"><h4>Selection</h4><div id="tex-sel"></div></section>
|
|
<section class="ims-card"><h4>Recolour</h4><div id="tex-rc"></div></section>
|
|
<section class="ims-card"><h4>Save as .dds</h4><div id="tex-exp"></div></section>
|
|
</aside>
|
|
</div>
|
|
</section> |