mirror of
https://github.com/lospec/pixel-editor.git
synced 2023-08-10 21:12:51 +03:00
a1757553cf
- added `/:paletteSlug/:resolution` functionality for localhost testing
- created `currFile.sublayers` for *things that should zoom with the canvas layers*
- `currFile.layers` now solely contains the canvas layers
- added `getProjectData` to `FileManager`'s exported methods
---
- added `FileManager.localStorageSave` (it's basically just: localStorage.setItem("lpe-cache",FileManager.getProjectData()))
- added `FileManager.localStorageCheck` (it's basically just: `!!localStorage.getItem("lpe-cache")`)
- added `FileManager.localStorageLoad` (it's basically just: `return localStorage.getItem("lpe-cache")`)
- added `FileManager.localStorageReset` (for debugging purity)
---
- calling `FileManager.localStorageSave()` on mouse up (we should stress test this)
---
- changed lpe file format to `{canvasWidth:number,canvasHeight:number,selectedLayer:number,colors:[],layers:[]}`
- added backward compatibility for the old lpe file format
---
- added some canvas utility functions in `canvas_util`
- added Unsettled's color similarity utility functions in `color_util2`
---
- html boilerplate - wang tiles
-
- POC - tiny text boilerplate
- POC - tiny text font scraper
---
- WIP - added two optional url route parameters `/:paletteSlug/:resolution/:prefillWidth/:prefillBinaryStr`
- WIP POC - hbs_parser.js (outputs tree data about hbs file relationships)
59 lines
2.4 KiB
Handlebars
59 lines
2.4 KiB
Handlebars
<!--CANVAS RESIZE-->
|
|
<div class="update" id="resize-canvas">
|
|
<button class="close-button">{{svg "x.svg" width="20" height="20"}}</button>
|
|
<h1>Resize canvas</h1>
|
|
|
|
<!--PIVOTS-->
|
|
<span id="pivot-menu">
|
|
<button class="pivot-button" value="topleft">{{svg "arrows/topleft.svg" width="20" height="20"}}</button>
|
|
<button class="pivot-button" value="top">{{svg "arrows/top.svg" width="20" height="20"}}</button>
|
|
<button class="pivot-button" value="topright">{{svg "arrows/topright.svg" width="20" height="20"}}</button>
|
|
<button class="pivot-button" value="left">{{svg "arrows/left.svg" width="20" height="20"}}</button>
|
|
<button class="pivot-button rc-selected-pivot" value="middle">{{svg "arrows/middle.svg" width="20" height="20"}}</button>
|
|
<button class="pivot-button" value="right">{{svg "arrows/right.svg" width="20" height="20"}}</button>
|
|
<button class="pivot-button" value="bottomleft">{{svg "arrows/bottomleft.svg" width="20" height="20"}}</button>
|
|
<button class="pivot-button" value="bottom">{{svg "arrows/bottom.svg" width="20" height="20"}}</button>
|
|
<button class="pivot-button" value="bottomright">{{svg "arrows/bottomright.svg" width="20" height="20"}}</button>
|
|
</span>
|
|
<!-- SIZE-->
|
|
<span id="rc-size-menu">
|
|
<h2>Size</h2>
|
|
<div>
|
|
<span>
|
|
Width: <input id="rc-width" type="number" default="0" step="1"
|
|
value="{{#if border}}{{border}}{{else}}0{{/if}}" autocomplete="off"/>
|
|
</span>
|
|
|
|
<span>
|
|
Height: <input id="rc-height" default="0" step="1" type="number"
|
|
value="{{#if border}}{{border}}{{else}}0{{/if}}" autocomplete="off"/>
|
|
</span>
|
|
</div>
|
|
</span>
|
|
<!--BORDERS-->
|
|
<span id="borders-menu">
|
|
<h2>Borders offsets</h2>
|
|
<div>
|
|
<span>
|
|
Left: <input id="rc-border-left" type="number" default="0" step="1"
|
|
value="{{#if border}}{{border}}{{else}}0{{/if}}" autocomplete="off"/>
|
|
</span>
|
|
|
|
<span>
|
|
Right: <input id="rc-border-right" type="number" default="0" step="1"
|
|
value="{{#if border}}{{border}}{{else}}0{{/if}}" autocomplete="off"/>
|
|
</span>
|
|
|
|
<span>
|
|
Top: <input id="rc-border-top" type="number" default="0" step="1"
|
|
value="{{#if border}}{{border}}{{else}}0{{/if}}" autocomplete="off"/>
|
|
</span>
|
|
|
|
<span>
|
|
Bottom: <input id="rc-border-bottom" default="0" step="1" type="number"
|
|
value="{{#if border}}{{border}}{{else}}0{{/if}}" autocomplete="off"/>
|
|
</span>
|
|
</div>
|
|
<button id="resize-canvas-confirm">Resize canvas</button>
|
|
</span>
|
|
</div> |