eb7511c721
From this change set, the HTML canvas element, which is the frame view, is encapsulated inside the FrameRenderer. You won't need to give the view handle from the controller layer anymore. It will make view alteration implementations much easier (like grid for instance)
51 lines
No EOL
1.6 KiB
JavaScript
51 lines
No EOL
1.6 KiB
JavaScript
(function () {
|
|
var ns = $.namespace("pskl.controller");
|
|
ns.AnimatedPreviewController = function (framesheet, container, dpi) {
|
|
this.dpi = dpi;
|
|
this.framesheet = framesheet;
|
|
this.container = container;
|
|
this.animIndex = 0;
|
|
|
|
this.fps = parseInt($("#preview-fps")[0].value, 10);
|
|
|
|
this.renderer = new pskl.rendering.FrameRenderer(this.container, this.dpi);
|
|
};
|
|
|
|
ns.AnimatedPreviewController.prototype.init = function () {
|
|
this.initDom();
|
|
|
|
this.renderer.init(this.framesheet.getFrameByIndex(this.animIndex));
|
|
|
|
this.startAnimationTimer();
|
|
};
|
|
|
|
ns.AnimatedPreviewController.prototype.initDom = function () {
|
|
$("#preview-fps")[0].addEventListener('change', this.onFPSSliderChange.bind(this));
|
|
};
|
|
|
|
ns.AnimatedPreviewController.prototype.startAnimationTimer = function () {
|
|
this.stopAnimationTimer();
|
|
this.animationTimer = window.setTimeout(this.refreshAnimatedPreview.bind(this), 1000/this.fps);
|
|
};
|
|
|
|
ns.AnimatedPreviewController.prototype.stopAnimationTimer = function () {
|
|
if (this.animationTimer) {
|
|
window.clearInterval(this.animationTimer);
|
|
this.animationTimer = null;
|
|
}
|
|
};
|
|
|
|
ns.AnimatedPreviewController.prototype.onFPSSliderChange = function(evt) {
|
|
this.fps = parseInt($("#preview-fps")[0].value, 10);
|
|
};
|
|
|
|
ns.AnimatedPreviewController.prototype.refreshAnimatedPreview = function () {
|
|
if (!this.framesheet.hasFrameAtIndex(this.animIndex)) {
|
|
this.animIndex = 0;
|
|
}
|
|
this.renderer.render(this.framesheet.getFrameByIndex(this.animIndex));
|
|
this.animIndex++;
|
|
this.startAnimationTimer();
|
|
};
|
|
|
|
})(); |