mirror of
https://github.com/piskelapp/piskel.git
synced 2023-08-10 21:12:52 +03:00
![Vince](/assets/img/avatar_default.png)
SelectionManager implmentaiton Rectangular seleciton impl Utils refacoring Event manager refactoring basic cut implmentation
130 lines
3.8 KiB
JavaScript
130 lines
3.8 KiB
JavaScript
(function () {
|
|
var ns = $.namespace("pskl.model");
|
|
ns.FrameSheet = function (width, height) {
|
|
this.width = width;
|
|
this.height = height;
|
|
this.frames = [];
|
|
this.currentFrameIndex = 0;
|
|
};
|
|
|
|
ns.FrameSheet.prototype.addEmptyFrame = function () {
|
|
this.addFrame(ns.Frame.createEmpty(this.width, this.height));
|
|
};
|
|
|
|
ns.FrameSheet.prototype.addFrame = function (frame) {
|
|
this.frames.push(frame);
|
|
};
|
|
|
|
ns.FrameSheet.prototype.getFrameCount = function () {
|
|
return this.frames.length;
|
|
};
|
|
|
|
ns.FrameSheet.prototype.getCurrentFrame = function () {
|
|
return this.frames[this.currentFrameIndex];
|
|
};
|
|
|
|
ns.FrameSheet.prototype.setCurrentFrameIndex = function (index) {
|
|
this.currentFrameIndex = index;
|
|
$.publish(Events.CURRENT_FRAME_SET, [this.getCurrentFrame()]);
|
|
$.publish(Events.FRAMESHEET_RESET); // Is it no to overkill to have this here ?
|
|
};
|
|
|
|
ns.FrameSheet.prototype.getUsedColors = function() {
|
|
var colors = {};
|
|
for (var frameIndex=0; frameIndex < this.frames.length; frameIndex++) {
|
|
var frame = this.frames[frameIndex];
|
|
for (var i = 0, width = frame.getWidth(); i < width ; i++) {
|
|
var line = frame[i];
|
|
for (var j = 0, height = frame.getHeight() ; j < height ; j++) {
|
|
var pixel = frame.getPixel(i, j);
|
|
colors[pixel] = pixel;
|
|
}
|
|
}
|
|
}
|
|
return colors;
|
|
};
|
|
|
|
// Could be used to pass around model using long GET param (good enough for simple models) and
|
|
// do some temporary locastorage
|
|
ns.FrameSheet.prototype.serialize = function() {
|
|
var serializedFrames = [];
|
|
for (var i = 0 ; i < this.frames.length ; i++) {
|
|
serializedFrames.push(this.frames[i].serialize());
|
|
}
|
|
return '[' + serializedFrames.join(",") + ']';
|
|
//return JSON.stringify(frames);
|
|
};
|
|
|
|
/**
|
|
* Load a framesheet from a string that might have been persisted in db / localstorage
|
|
* Overrides existing frames.
|
|
* @param {String} serialized
|
|
*/
|
|
ns.FrameSheet.prototype.deserialize = function (serialized) {
|
|
try {
|
|
var frameConfigurations = JSON.parse(serialized);
|
|
this.frames = [];
|
|
for (var i = 0 ; i < frameConfigurations.length ; i++) {
|
|
var frameCfg = frameConfigurations[i];
|
|
this.addFrame(new ns.Frame(frameCfg));
|
|
}
|
|
$.publish(Events.FRAMESHEET_RESET);
|
|
} catch (e) {
|
|
throw "Could not load serialized framesheet : " + e.message
|
|
}
|
|
};
|
|
|
|
|
|
ns.FrameSheet.prototype.hasFrameAtIndex = function(index) {
|
|
return (index >= 0 && index < this.getFrameCount());
|
|
};
|
|
|
|
ns.FrameSheet.prototype.getFrameByIndex = function(index) {
|
|
if (isNaN(index)) {
|
|
throw "Bad argument value for getFrameByIndex method: <" + index + ">";
|
|
}
|
|
|
|
if (!this.hasFrameAtIndex(index)) {
|
|
throw "Out of bound index for frameSheet object.";
|
|
}
|
|
|
|
return this.frames[index];
|
|
};
|
|
|
|
ns.FrameSheet.prototype.removeFrameByIndex = function(index) {
|
|
if(!this.hasFrameAtIndex(index)) {
|
|
throw "Out of bound index for frameSheet object.";
|
|
}
|
|
this.frames.splice(index, 1);
|
|
};
|
|
|
|
ns.FrameSheet.prototype.duplicateFrameByIndex = function(index) {
|
|
var frame = this.getFrameByIndex(index);
|
|
this.frames.splice(index + 1, 0, frame.clone());
|
|
};
|
|
|
|
ns.FrameSheet.prototype.moveFrame = function(originIndex, destinationIndex) {
|
|
var frameToMove = this.getFrameByIndex(originIndex);
|
|
this.frames.splice(destinationIndex, 0,frameToMove);
|
|
|
|
if(destinationIndex <= originIndex) {
|
|
originIndex++;
|
|
}
|
|
this.removeFrameByIndex(originIndex);
|
|
};
|
|
|
|
ns.FrameSheet.prototype.swapFrames = function(indexFrame1, indexFrame2) {
|
|
if(isNaN(indexFrame1) || isNaN(indexFrame1) ||
|
|
(!this.hasFrameAtIndex(indexFrame1) && !this.hasFrameAtIndex(indexFrame2))) {
|
|
throw "Bad indexes for swapFrames Framesheet function.";
|
|
}
|
|
if(indexFrame1 == indexFrame2) {
|
|
return;
|
|
}
|
|
else {
|
|
var swapFrame = this.frames[indexFrame1];
|
|
this.frames[indexFrame1] = this.frames[indexFrame2];
|
|
this.frames[indexFrame2] = swapFrame;
|
|
}
|
|
};
|
|
})(); |