Added resize sprite data management

This commit is contained in:
unsettledgames
2020-09-19 17:04:46 +02:00
parent e213acea76
commit e9277db48c
3 changed files with 176 additions and 58 deletions

View File

@ -253,13 +253,14 @@
<button id="create-button" class="default">Create</button>
</div>
</div>
<!--SPRITE RESIZE-->
<div id = "resize-sprite">
<button class="close-button">{{svg "x.svg" width="20" height="20"}}</button>
<h1>Resize sprite</h1>
<!-- SIZE-->
<span id = "rc-size-menu">
<h2>New size</h2>
<h2>New size</h2>
<span id = "rs-size-menu">
<div>
<span>
Width: <input id="rs-width" type="number" default="0" step="1"
@ -273,30 +274,26 @@
</div>
</span>
<!--BORDERS-->
<span id = "borders-menu">
<h2>Resize percentages</h2>
<h2>Resize percentages</h2>
<span id = "rs-percentage-menu">
<div>
<span>
Left: <input id="rs-border-left" type="number" default="0" step="1"
value="{{#if border}}{{border}}{{else}}0{{/if}}" autocomplete="off"/>
Width <input id="rs-width-percentage" type="number" default="0" step="1"
value="{{#if border}}{{border}}{{else}}0{{/if}}" autocomplete="off"/> %
</span>
<span>
Right: <input id="rs-border-right" type="number" default="0" step="1"
value="{{#if border}}{{border}}{{else}}0{{/if}}" autocomplete="off"/>
</span>
<span>
Top: <input id="rs-border-top" type="number" default="0" step="1"
value="{{#if border}}{{border}}{{else}}0{{/if}}" autocomplete="off"/>
</span>
<span>
Bottom: <input id="rs-border-bottom" default="0" step="1" type="number"
value="{{#if border}}{{border}}{{else}}0{{/if}}" autocomplete="off"/>
Height <input id="rs-height-percentage" type="number" default="0" step="1"
value="{{#if border}}{{border}}{{else}}0{{/if}}" autocomplete="off"/> %
</span>
</div>
<button id = "resize-sprite-confirm">Resize sprite</button>
<div id = "rs-ratio-div">
<span>
Keep current ratio <input type = "checkbox" id = "rs-keep-ratio"/>
</span>
</br>
<button id = "resize-sprite-confirm">Resize sprite</button>
</div>
</span>
</div>