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

Feature : Tiled preview initial commiy

Browse Source
This commit is contained in:
juliandescottes
2014-05-08 01:41:14 +02:00
parent c565111947
commit aa4c94e3af
18 changed files with 24322 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
src/js/rendering/AbstractRenderer.js
View File

@@ -4,6 +4,7 @@
ns.AbstractRenderer = function () {};
ns.AbstractRenderer.prototype.clear = Constants.ABSTRACT_FUNCTION;
ns.AbstractRenderer.prototype.render = Constants.ABSTRACT_FUNCTION;
ns.AbstractRenderer.prototype.getCoordinates = Constants.ABSTRACT_FUNCTION;

7
src/js/rendering/CompositeRenderer.js
View File

@@ -12,6 +12,13 @@
return this;
};
ns.CompositeRenderer.prototype.render = function (frame) {
this.renderers.forEach(function (renderer) {
renderer.render(frame);
});
};
ns.CompositeRenderer.prototype.clear = function () {
this.renderers.forEach(function (renderer) {
renderer.clear();

12
src/js/rendering/frame/FrameRenderer.js
View File

@@ -70,6 +70,18 @@
}
};
ns.FrameRenderer.prototype.hide = function () {
if (this.displayCanvas) {
this.displayCanvas.style.display = 'none';
}
};
ns.FrameRenderer.prototype.show = function () {
if (this.displayCanvas) {
this.displayCanvas.style.display = 'block';
}
};
ns.FrameRenderer.prototype.clear = function () {
pskl.CanvasUtils.clear(this.canvas);
pskl.CanvasUtils.clear(this.displayCanvas);

55
src/js/rendering/frame/TiledFrameRenderer.js Normal file
View File

@@ -0,0 +1,55 @@
(function () {
var ns = $.namespace('pskl.rendering.frame');
ns.TiledFrameRenderer = function (container) {
this.displayContainer = document.createElement('div');
container.get(0).appendChild(this.displayContainer);
this.displayContainer.style.backgroundRepeat = 'repeat';
this.displayContainer.classList.add('tiled-frame-renderer');
this.container = container;
this.updateBackgroundClass_(pskl.UserSettings.get(pskl.UserSettings.CANVAS_BACKGROUND));
$.subscribe(Events.USER_SETTINGS_CHANGED, $.proxy(this.onUserSettingsChange_, this));
};
ns.TiledFrameRenderer.prototype.render = function (frame) {
var canvas = new pskl.utils.FrameUtils.toImage(frame);
this.displayContainer.style.backgroundImage = 'url(' + canvas.toDataURL('image/png') + ')';
};
ns.TiledFrameRenderer.prototype.hide = function () {
if (this.displayContainer) {
this.displayContainer.style.display = 'none';
}
};
ns.TiledFrameRenderer.prototype.show = function () {
if (this.displayContainer) {
this.displayContainer.style.display = 'block';
}
};
ns.TiledFrameRenderer.prototype.setZoom = Constants.EMPTY_FUNCTION;
ns.TiledFrameRenderer.prototype.setOffset = Constants.EMPTY_FUNCTION;
ns.TiledFrameRenderer.prototype.setDisplaySize = Constants.EMPTY_FUNCTION;
ns.TiledFrameRenderer.prototype.onUserSettingsChange_ = function (evt, settingName, settingValue) {
if (settingName == pskl.UserSettings.CANVAS_BACKGROUND) {
this.updateBackgroundClass_(settingValue);
} else if (settingName == pskl.UserSettings.GRID_WIDTH) {
this.setGridWidth(settingValue);
}
};
ns.TiledFrameRenderer.prototype.updateBackgroundClass_ = function (newClass) {
var currentClass = this.container.data('current-background-class');
if (currentClass) {
this.container.removeClass(currentClass);
}
this.container.addClass(newClass);
this.container.data('current-background-class', newClass);
};
})();