piskel/js/controller/AnimatedPreviewController.js

71 lines
2.6 KiB
JavaScript
Raw Normal View History

2013-05-28 01:42:53 +04:00
(function () {
var ns = $.namespace("pskl.controller");
ns.AnimatedPreviewController = function (piskelController, container, dpi) {
this.piskelController = piskelController;
this.container = container;
2013-05-28 01:42:53 +04:00
this.elapsedTime = 0;
this.currentIndex = 0;
2013-05-28 01:42:53 +04:00
this.setFPS(Constants.DEFAULT.FPS);
var renderingOptions = {
"dpi": this.calculateDPI_()
2013-05-28 01:42:53 +04:00
};
this.renderer = new pskl.rendering.FrameRenderer(this.container, renderingOptions);
2013-05-28 01:42:53 +04:00
$.subscribe(Events.FRAME_SIZE_CHANGED, this.updateDPI_.bind(this));
};
2013-05-28 01:42:53 +04:00
ns.AnimatedPreviewController.prototype.init = function () {
// the oninput event won't work on IE10 unfortunately, but at least will provide a
// consistent behavior across all other browsers that support the input type range
// see https://bugzilla.mozilla.org/show_bug.cgi?id=853670
$("#preview-fps")[0].addEventListener('change', this.onFPSSliderChange.bind(this));
};
2013-05-28 01:42:53 +04:00
ns.AnimatedPreviewController.prototype.onFPSSliderChange = function (evt) {
this.setFPS(parseInt($("#preview-fps")[0].value, 10));
};
2013-05-28 01:42:53 +04:00
ns.AnimatedPreviewController.prototype.setFPS = function (fps) {
this.fps = fps;
$("#preview-fps").val(this.fps);
$("#display-fps").html(this.fps + " FPS");
};
2013-05-28 01:42:53 +04:00
ns.AnimatedPreviewController.prototype.getFPS = function () {
return this.fps;
};
ns.AnimatedPreviewController.prototype.render = function (delta) {
this.elapsedTime += delta;
var index = Math.floor(this.elapsedTime / (1000/this.fps));
if (index != this.currentIndex) {
this.currentIndex = index;
if (!this.piskelController.hasFrameAt(this.currentIndex)) {
this.currentIndex = 0;
this.elapsedTime = 0;
}
this.renderer.render(this.piskelController.getFrameAt(this.currentIndex));
}
};
2013-05-28 01:42:53 +04:00
/**
* Calculate the preview DPI depending on the framesheet size
*/
ns.AnimatedPreviewController.prototype.calculateDPI_ = 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 ?)
//return pskl.PixelUtils.calculateDPIForContainer($(".preview-container"), framePixelHeight, framePixelWidth);
return pskl.PixelUtils.calculateDPI(previewSize, previewSize, framePixelHeight, framePixelWidth);
};
ns.AnimatedPreviewController.prototype.updateDPI_ = function () {
this.dpi = this.calculateDPI_();
this.renderer.setDPI(this.dpi);
};
2012-09-05 02:09:42 +04:00
})();