(function () { var ns = $.namespace('pskl.controller.settings.exportimage'); var BLACK = '#000000'; ns.MiscExportController = function (piskelController) { this.piskelController = piskelController; }; pskl.utils.inherit(ns.MiscExportController, pskl.controller.settings.AbstractSettingController); ns.MiscExportController.prototype.init = function () { var cDownloadButton = document.querySelector('.c-download-button'); this.addEventListener(cDownloadButton, 'click', this.onDownloadCFileClick_); var selectedFrameDownloadButton = document.querySelector('.selected-frame-download-button'); this.addEventListener(selectedFrameDownloadButton, 'click', this.onDownloadSelectedFrameClick_); }; ns.MiscExportController.prototype.onDownloadCFileClick_ = function (evt) { var fileName = this.getPiskelName_() + '.c'; var cName = this.getPiskelName_().replace(' ','_'); var width = this.piskelController.getWidth(); var height = this.piskelController.getHeight(); var frameCount = this.piskelController.getFrameCount(); // Useful defines for C routines var frameStr = '#include \n\n'; frameStr += '#define ' + cName.toUpperCase() + '_FRAME_COUNT ' + this.piskelController.getFrameCount() + '\n'; frameStr += '#define ' + cName.toUpperCase() + '_FRAME_WIDTH ' + width + '\n'; frameStr += '#define ' + cName.toUpperCase() + '_FRAME_HEIGHT ' + height + '\n\n'; frameStr += '/* Piskel data for \"' + this.getPiskelName_() + '\" */\n\n'; frameStr += 'static const uint32_t ' + cName.toLowerCase(); frameStr += '_data[' + frameCount + '][' + width * height + '] = {\n'; for (var i = 0 ; i < frameCount ; i++) { var render = this.piskelController.renderFrameAt(i, true); var context = render.getContext('2d'); var imgd = context.getImageData(0, 0, width, height); var pix = imgd.data; frameStr += '{\n'; for (var j = 0; j < pix.length; j += 4) { frameStr += this.rgbToCHex(pix[j], pix[j + 1], pix[j + 2], pix[j + 3]); if (j != pix.length - 4) { frameStr += ', '; } if (((j + 4) % (width * 4)) === 0) { frameStr += '\n'; } } if (i != (frameCount - 1)) { frameStr += '},\n'; } else { frameStr += '}\n'; } } frameStr += '};\n'; pskl.utils.BlobUtils.stringToBlob(frameStr, function(blob) { pskl.utils.FileUtils.downloadAsFile(blob, fileName); }.bind(this), 'application/text'); }; ns.MiscExportController.prototype.getPiskelName_ = function () { return this.piskelController.getPiskel().getDescriptor().name; }; ns.MiscExportController.prototype.rgbToCHex = function (r, g, b, a) { var hexStr = '0x'; hexStr += ('00' + a.toString(16)).substr(-2); hexStr += ('00' + b.toString(16)).substr(-2); hexStr += ('00' + g.toString(16)).substr(-2); hexStr += ('00' + r.toString(16)).substr(-2); return hexStr; }; ns.MiscExportController.prototype.onDownloadSelectedFrameClick_ = function (evt) { var frameIndex = this.piskelController.getCurrentFrameIndex(); var fileName = this.getPiskelName_() + '-' + (frameIndex + 1) + '.png'; var canvas = this.piskelController.renderFrameAt(frameIndex, true); pskl.utils.BlobUtils.canvasToBlob(canvas, function(blob) { pskl.utils.FileUtils.downloadAsFile(blob, fileName); }); }; })();