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)
49 lines
1.5 KiB
Handlebars
49 lines
1.5 KiB
Handlebars
<!-- LAYER MENU -->
|
|
<ul id="layers-menu">
|
|
<li id="default-layer-list-item" class="layers-menu-entry selected-layer" style="display:none;">
|
|
<canvas class = "preview-canvas"></canvas>
|
|
<ul class="layer-buttons">
|
|
<li class = "layer-button">
|
|
<button title="Lock layer" class="lock-layer-button">
|
|
{{svg "unlockedpadlock.svg" width="15" height="15" class = "default-icon"}}
|
|
{{svg "lockedpadlock.svg" width="15" height="15" class = "edited-icon" display = "none"}}
|
|
</button>
|
|
</li>
|
|
<li class = "layer-button">
|
|
<button title="Show / hide layer" class="hide-layer-button">
|
|
{{svg "visible.svg" width="15" height="15" class = "default-icon"}}
|
|
{{svg "invisible.svg" width="15" height="15" class = "edited-icon" display = "none"}}
|
|
</button>
|
|
</li>
|
|
</ul>
|
|
|
|
<p>Background<div class = "gradient"></div></p>
|
|
</li>
|
|
|
|
<li id="add-layer-li">
|
|
<button id="add-layer-button">
|
|
{{svg "plus.svg" width="20" height="20"}} Add layer
|
|
</button>
|
|
</li>
|
|
</ul>
|
|
|
|
<ul id="layer-properties-menu">
|
|
<li>
|
|
<button onclick = "LayerList.renameLayer()">Rename</button>
|
|
</li>
|
|
<li>
|
|
<button onclick = "LayerList.duplicateLayer()">Duplicate</button>
|
|
</li>
|
|
<li>
|
|
<button onclick = "LayerList.deleteLayer()">Delete</button>
|
|
</li>
|
|
<li>
|
|
<button onclick = "LayerList.merge()">Merge below</button>
|
|
</li>
|
|
<li>
|
|
<button onclick = "LayerList.flatten(true)">Flatten visible</button>
|
|
</li>
|
|
<li>
|
|
<button onclick = "LayerList.flatten(false)">Flatten all</button>
|
|
</li>
|
|
</ul> |