simple-sprite
Version:
sprite image generator
2 lines (1 loc) • 3.43 kB
JavaScript
define(["exports"],function(t){"use strict";function e(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function i(t,e){for(var i=0;i<e.length;i++){var n=e[i];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(t,n.key,n)}}function n(t,e,n){return e&&i(t.prototype,e),n&&i(t,n),t}var r=function t(i,n){e(this,t),this.path=i,this.width=n.width,this.height=n.height,this.area=this.width*this.height},s=function t(i,n){e(this,t),this.x=i,this.y=n},o=function(){function t(i,n,r,s,o){e(this,t),this.path=o,this.x=i,this.y=n,this.width=r,this.height=s,this.left=i,this.top=n,this.right=this.left+r,this.bottom=this.top+s,this.centerX=(this.left+this.right)/2,this.centerY=(this.top+this.bottom)/2}return n(t,[{key:"isCollided",value:function(t){return Math.abs(this.centerX-t.centerX)<(this.width+t.width)/2&&Math.abs(this.centerY-t.centerY)<(this.height+t.height)/2}}]),t}(),h=function(){function t(){e(this,t),this.points=[],this.regions=[],this.initPoints()}return n(t,[{key:"initPoints",value:function(){var t=new s(0,0);this.points.push(t)}},{key:"getPossibleRegions",value:function(t,e,i){var n=this,r=[];return this.points.forEach(function(s){var h=new o(s.x,s.y,t,e,i),a=n.regions.length;if(0===a)r.push(h);else{for(var c=!0,u=0;u<a;u++)n.regions[u].isCollided(h)&&(c=!1);c&&r.push(h)}}),r}},{key:"getSmallestAreaRegion",value:function(t,e,i){var n,r=this,s=this.getPossibleRegions(t,e,i),o=Number.MAX_VALUE;return s.forEach(function(t){var e=r.getTotalAreaOfRegions(t);o>e&&(o=e,n=t)}),n}},{key:"getTotalAreaOfRegions",value:function(t){return this.getTotalWidthOfRegions(t)*this.getTotalHeightOfRegions(t)}},{key:"getTotalWidthOfRegions",value:function(t){var e=t?t.right:0;return this.regions.forEach(function(t){e=Math.max(e,t.right)}),e}},{key:"getTotalHeightOfRegions",value:function(t){var e=t?t.bottom:0;return this.regions.forEach(function(t){e=Math.max(e,t.bottom)}),e}}]),t}(),a=require("fs"),c=require("path"),u=require("images"),f=require("log4js").getLogger("ngo-sprite");f.level="info",t.generateSprite=function(t){if(t){var e=a.readdirSync(t).filter(function(t){return"sprite.png"!=t}).filter(function(t){var e=t.substring(t.indexOf(".")).toLowerCase();return".bmp"==e||".png"==e||".gif"==e||".jpg"==e||".jpeg"==e}).map(function(e){return c.join(t,e)}).filter(function(t){return a.statSync(t).isFile()}).map(function(t){return new r(t,u(t).size())});e.sort(function(t,e){return t.area<e.area});var i=new h;e.forEach(function(t,e){var n=i.getSmallestAreaRegion(t.width,t.height,t.path);if(n){i.regions.push(n),i.points.push(new s(n.right,n.top)),i.points.push(new s(n.left,n.bottom));var r=i.points.findIndex(function(t){return t.x===n.x&&t.y===n.y});i.points.splice(r,1)}});var n=u(i.getTotalWidthOfRegions(),i.getTotalHeightOfRegions());i.regions.forEach(function(t){n.draw(u(t.path),t.x,t.y)}),n.save(c.join(t,"sprite.png"));var o="";i.regions.forEach(function(t){var e="{".concat(t.path,",background-position: -").concat(t.x,"px -").concat(t.y,"px,width:").concat(t.width,"px,height:").concat(t.height,"px}\n");o+=e}),a.writeFileSync(c.join(t,"./sprite-css.txt"),o),f.info("generate sprite image success,it has been saved in ".concat(t,"/sprite.png")),f.info("generate css success,it has been saved in ".concat(t,"/sprite-css.txt"))}else f.error("please input image dir.")},Object.defineProperty(t,"__esModule",{value:!0})});