mirror of
https://github.com/lospec/pixel-editor.git
synced 2023-08-10 21:12:51 +03:00
f499662afc
- 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)
52 lines
1.6 KiB
JavaScript
52 lines
1.6 KiB
JavaScript
class PanTool extends Tool {
|
|
|
|
constructor(name, options, switchFunction) {
|
|
super(name, options);
|
|
|
|
Events.on('click', this.mainButton, switchFunction, this);
|
|
|
|
this.resetTutorial();
|
|
this.addTutorialTitle("Pan tool");
|
|
this.addTutorialKey("P", " to select the lasso selection tool");
|
|
this.addTutorialKey("Left drag", " to move the viewport");
|
|
this.addTutorialKey("Space + drag", " to move the viewport");
|
|
this.addTutorialImg("/images/ToolTutorials/pan-tutorial.gif");
|
|
}
|
|
|
|
onStart(mousePos, target) {
|
|
super.onStart(mousePos);
|
|
if (target.className != 'drawingCanvas')
|
|
return;
|
|
currFile.canvasView.style.cursor = "url(\'pan-held.png\'), auto";
|
|
}
|
|
|
|
onDrag(mousePos, target) {
|
|
super.onDrag(mousePos);
|
|
if (target.className != 'drawingCanvas')
|
|
return;
|
|
|
|
// Setting first layer position
|
|
currFile.layers[0].setCanvasOffset(currFile.layers[0].canvas.offsetLeft + (mousePos[0] - this.startMousePos[0]), currFile.layers[0].canvas.offsetTop + (mousePos[1] - this.startMousePos[1]));
|
|
// Copying that position to the other layers
|
|
for (let i=1; i<currFile.layers.length; i++) {
|
|
currFile.layers[i].copyData(currFile.layers[0]);
|
|
}
|
|
}
|
|
|
|
onEnd(mousePos, target) {
|
|
super.onEnd(mousePos);
|
|
if (target.className != 'drawingCanvas')
|
|
return;
|
|
|
|
currFile.canvasView.style.cursor = "url(\'pan.png\'), auto";
|
|
}
|
|
|
|
onSelect() {
|
|
super.onSelect();
|
|
currFile.canvasView.style.cursor = "url(\'pan.png\'), auto";
|
|
}
|
|
|
|
onDeselect() {
|
|
super.onDeselect();
|
|
}
|
|
} |