Sprite sheet and CSS generation

yrezgui · Jul 5, 2013 · d8538e9 · d8538e9
1 parent 6603298
commit d8538e9
Show file tree

Hide file tree

Showing 3 changed files with 27 additions and 2 deletions.
diff --git a/.gitignore b/.gitignore
@@ -1,2 +1,3 @@
 node_modules
-.DS_Store
+.DS_Store
+dist
diff --git a/Gruntfile.js b/Gruntfile.js
@@ -39,9 +39,32 @@ module.exports = function (grunt) {
                     ]
                 }
             }
+        },
+        spritesheet: {
+            compile: {
+                options: {
+                    outputCss: "emoji.css",
+                    selector: ".emoji",
+                    downsampling: "LanczosSharp",
+                    output: {
+                        "normal": {
+                            pixelRatio: 1,
+                            outputImage: "emoji.png"
+                        },
+                        "64": {
+                            pixelRatio: 2,
+                            outputImage: "[email protected]"
+                        }
+                    }
+                },
+                files: {
+                    dist: "res/emoji/*.png"
+                }
+            }
         }
     });
 
     grunt.loadNpmTasks("grunt-contrib-jshint");
+    grunt.loadNpmTasks("node-spritesheet");
 
 };
diff --git a/package.json b/package.json
@@ -3,6 +3,7 @@
     "private": true,
     "devDependencies": {
         "grunt": "0.4.x",
-        "grunt-contrib-jshint": "0.6.x"
+        "grunt-contrib-jshint": "0.6.x",
+        "node-spritesheet": "0.4.x"
     }
 }