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)
71 lines
3.0 KiB
Handlebars
71 lines
3.0 KiB
Handlebars
<!-- Splash page -->
|
|
<div id="splash">
|
|
<div id="splash-news">
|
|
<div id="latest-update">
|
|
<h1>Latest updates</h1>
|
|
|
|
{{> latestLog}}
|
|
</div>
|
|
</div>
|
|
|
|
<div id="splash-input">
|
|
<div id="editor-logo">
|
|
<div id="black">
|
|
<div id="sp-coverdata">
|
|
<img src="https://cdn.lospec.com/static/brand/lospec_logo_3x.png"/> pixel editor
|
|
<p>Version 1.4.0</p>
|
|
<a href="https://cdn.discordapp.com/attachments/506277390050131978/795660870221955082/final.png">Art by Unsettled</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="splash-menu">
|
|
<div id="sp-newpixel">
|
|
<h1>New Custom Pixel</h1>
|
|
|
|
<h2>Size</h2>
|
|
<div class="sp-np-entry">
|
|
<input id="size-width-splash" value="{{#if width}}{{width}}{{else}}64{{/if}}" autocomplete="off" />{{svg "x.svg" width="16" height="16" class="dimentions-x"}}<input id="size-height-splash" value="{{#if height}}{{height}}{{else}}64{{/if}}" autocomplete="off" />
|
|
</div>
|
|
|
|
<h2>Palette</h2>
|
|
<button id="palette-button-splash" class="dropdown-button">Choose a palette...</button>
|
|
<div id="palette-menu-splash" class="dropdown-menu"><button id="load-palette-button-splash">Load palette...</button></div>
|
|
|
|
<div id="new-pixel-warning">Creating a new pixel will discard your current one.</div>
|
|
<div class="sp-np-entry">
|
|
<button id="create-button-splash" class="default">Create</button>
|
|
</div>
|
|
</div>
|
|
|
|
<div id="sp-quickstart-container">
|
|
<div id="sp-quickstart-title">
|
|
Quickstart
|
|
</div>
|
|
|
|
<div id="sp-quickstart">
|
|
<div class="sp-template" onclick="document.getElementById('open-image-browse-holder').click()"><p>Load</p></div>
|
|
<div class="sp-template" onclick="Startup.newFromTemplate('Gameboy Color')"><p><span>New</span> Gameboy</p></div>
|
|
<div class="sp-template" onclick="Startup.newFromTemplate('Commodore 64')"><p><span>New</span> C64</p></div>
|
|
<div class="sp-template" onclick="Startup.newFromTemplate('PICO-8')"><p><span>New</span> Pico8</p></div>
|
|
<div class="sp-template" onclick="Startup.newFromTemplate('',16,16)"><p><span>New</span> 16x16</p></div>
|
|
<div class="sp-template" onclick="Startup.newFromTemplate('',32,32)"><p><span>New</span> 32x32</p></div>
|
|
<div class="sp-template" onclick="Startup.newFromTemplate('',64,64)"><p><span>New</span> 64x64</p></div>
|
|
<div class="sp-template" onclick="Startup.newFromTemplate('',128,128)"><p><span>New</span> 128x128</p></div>
|
|
<div class="sp-template" onclick="Startup.newFromTemplate('',256,256)"><p><span>New</span> 256x256</p></div>
|
|
<div class="sp-template" onclick="Startup.newFromTemplate('',512,512)"><p><span>New</span> 512x512</p></div>
|
|
</div>
|
|
|
|
<div class="mode-switcher">
|
|
<span class="basic">You are using Basic Mode.</span>
|
|
<span class="advanced">You are using Advanced Mode.</span>
|
|
<a id="switch-editor-mode-splash" href="#">
|
|
<span class="basic">Switch to Advanced Mode.</span>
|
|
<span class="advanced">Switch to using Basic Mode.</span>
|
|
»
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div> |