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 : zoom

Browse Source 
- Created AbstractRenderer in rendering package
- Created CachedRenderer and CachedFrameRenderer to extract basic frame
  caching logic from DrawingController
- Created RendererManager to synchronize updates made to several Renderer
  settings
- Moved FrameRenderer from pskl.rendering to pskl.rendering.frame
- Fixed the resize of the drawing area when the window is resized
This commit is contained in:
jdescottes
2013-11-01 15:39:42 +01:00
parent 3ce9aaa843
commit 51f86afe6e
11 changed files with 345 additions and 218 deletions
Download Patch File Download Diff File Expand all files Collapse all files

25
js/controller/AnimatedPreviewController.js
View File

@@ -9,14 +9,15 @@
this.setFPS(Constants.DEFAULT.FPS);
var zoom = this.calculateZoom_();
var renderingOptions = {
"zoom": this.calculateZoom_(),
"height" : "auto",
"width" : "auto"
"zoom": zoom,
"height" : this.piskelController.getCurrentFrame().getHeight() * zoom,
"width" : this.piskelController.getCurrentFrame().getWidth() * zoom
};
this.renderer = new pskl.rendering.FrameRenderer(this.container, renderingOptions);
this.renderer = new pskl.rendering.frame.FrameRenderer(this.container, renderingOptions);
$.subscribe(Events.FRAME_SIZE_CHANGED, this.updateDPI_.bind(this));
$.subscribe(Events.FRAME_SIZE_CHANGED, this.updateZoom_.bind(this));
};
ns.AnimatedPreviewController.prototype.init = function () {
@@ -58,16 +59,14 @@
*/
ns.AnimatedPreviewController.prototype.calculateZoom_ = function () {
var previewSize = 200,
framePixelHeight = this.piskelController.getCurrentFrame().getHeight(),
framePixelWidth = this.piskelController.getCurrentFrame().getWidth();
// TODO (julz) : should have a utility to get a Size from framesheet easily (what about empty framesheets though ?)
hZoom = previewSize / this.piskelController.getCurrentFrame().getHeight(),
wZoom = previewSize / this.piskelController.getCurrentFrame().getWidth();
//return pskl.PixelUtils.calculateDPIForContainer($(".preview-container"), framePixelHeight, framePixelWidth);
return pskl.PixelUtils.calculateDPI(previewSize, previewSize, framePixelHeight, framePixelWidth);
return Math.min(hZoom, wZoom);
};
ns.AnimatedPreviewController.prototype.updateDPI_ = function () {
this.dpi = this.calculateDPI_();
this.renderer.setDPI(this.dpi);
ns.AnimatedPreviewController.prototype.updateZoom_ = function () {
var zoom = this.calculateZoom_();
this.renderer.setZoom(zoom);
};
})();