mirror/piskel
1
0
Fork 0
mirror of https://github.com/piskelapp/piskel.git synced 2023-08-10 21:12:52 +03:00
Code Issues Projects Releases Wiki Activity

Merge branch 'master' into gh-pages

Browse Source
This commit is contained in:
juliandescottes 2012-09-06 00:25:46 +02:00
commit b433dea1cf
2 changed files with 23 additions and 18 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
js/model/FrameSheet.js
View File

@ -1,6 +1,8 @@
(function () { (function () {
var ns = $.namespace("pskl.model"); var ns = $.namespace("pskl.model");
ns.FrameSheet = function () { ns.FrameSheet = function (width, height) {
this.width = width;
this.height = height;
this.frames = []; this.frames = [];
}; };
@ -9,7 +11,7 @@
}; };
ns.FrameSheet.prototype.addEmptyFrame = function () { ns.FrameSheet.prototype.addEmptyFrame = function () {
this.addFrame(ns.Frame.createEmpty(width, height)); this.addFrame(ns.Frame.createEmpty(this.width, this.height));
}; };
ns.FrameSheet.prototype.addFrame = function (frame) { ns.FrameSheet.prototype.addFrame = function (frame) {

35
js/piskel.js
View File

@ -50,13 +50,11 @@ $.namespace("pskl");
var piskel = { var piskel = {
init : function () { init : function () {
var emptyFrame = pskl.model.Frame.createEmpty(framePixelWidth, framePixelHeight); frameSheet = new pskl.model.FrameSheet(framePixelWidth, framePixelHeight);
frameSheet.addEmptyFrame();
frameSheet = new pskl.model.FrameSheet();
frameSheet.addFrame(emptyFrame);
this.drawingController = new pskl.controller.DrawingController( this.drawingController = new pskl.controller.DrawingController(
emptyFrame, frameSheet.getFrameByIndex(0),
$('#drawing-canvas-container')[0], $('#drawing-canvas-container')[0],
drawingCanvasDpi drawingCanvasDpi
); );
@ -193,6 +191,7 @@ $.namespace("pskl");
}, },
onMousedown : function (event) { onMousedown : function (event) {
console.log("onMousedown");
isClicked = true; isClicked = true;
if(event.button == 2) { // right click if(event.button == 2) { // right click
@ -211,6 +210,7 @@ $.namespace("pskl");
}, },
onMousemove : function (event) { onMousemove : function (event) {
console.log("onMousemove");
var currentTime = new Date().getTime(); var currentTime = new Date().getTime();
// Throttling of the mousemove event: // Throttling of the mousemove event:
if ((currentTime - previousMousemoveTime) > 40 ) { if ((currentTime - previousMousemoveTime) > 40 ) {
@ -233,27 +233,30 @@ $.namespace("pskl");
}, },
onMouseup : function (event) { onMouseup : function (event) {
console.log("onMouseup");
if(isClicked || isRightClicked) { if(isClicked || isRightClicked) {
// A mouse button was clicked on the drawing canvas before this mouseup event, // A mouse button was clicked on the drawing canvas before this mouseup event,
// the user was probably drawing on the canvas. // the user was probably drawing on the canvas.
// Note: The mousemove movement (and the mouseup) may end up outside // Note: The mousemove movement (and the mouseup) may end up outside
// of the drawing canvas. // of the drawing canvas.
// TODO: Remove that when we have the centralized redraw loop if(isRightClicked) {
this.previewsController.createPreviews(); $.publish(Events.CANVAS_RIGHT_CLICK_RELEASED);
} }
isClicked = false;
if(isRightClicked) { isRightClicked = false;
$.publish(Events.CANVAS_RIGHT_CLICK_RELEASED); var spriteCoordinate = this.getSpriteCoordinate(event);
} currentToolBehavior.releaseToolAt(
isClicked = false;
isRightClicked = false;
var spriteCoordinate = this.getSpriteCoordinate(event);
currentToolBehavior.releaseToolAt(
spriteCoordinate.col, spriteCoordinate.col,
spriteCoordinate.row, spriteCoordinate.row,
penColor, penColor,
this.drawingController this.drawingController
); );
// TODO: Remove that when we have the centralized redraw loop
this.previewsController.createPreviews();
}
}, },
onCanvasContextMenu : function (event) { onCanvasContextMenu : function (event) {