Giter VIP home page Giter VIP logo

spritegenerator's Introduction

Project Description

Sprite Generator makes it easier for web developers to create sprite images. It's developed in C#. This application creates a nearly optimal insertions of images into a CSS Sprite. The major algorithms used rest on O-tree based rectangle packing.

This application was originally developed by csigusz and it's code was located at his CodePlex repository. The project was abandoned, so I decided to forge and add some extra stuff.

How to use:

The application contains a list of self-descriptive configuration. You will be able to configure the input and output path, the file name and the layout for the generated CSS file.

Paths:

  • Images directory: Only JPG/JPEG, PNG, GIF image formats are allowed.
  • Output path: The directory where the generated CSS file will be stored.
  • File name: The generated file name.

Layout:

  • Automatic: image layout based on the algorithms mentioned above.
  • Horizontal/ Vertical: simple horizontal/vertical image layout only for images with the same height/width.
  • Rectangular: rectangular layout for images with the same height and the same width.

Distances:

  • Distance between images: distance in pixels. This option does not set margin width for the sprite.
  • Margin width: The margin between each image in pixels.

CSS

  • Prefix: a prefix for all the CSS classes.

Reference:

Pei-Ning Guo, Toshihiko Takahashi, Chung-Kuan Cheng -"Floorplanning Using a Tree Representation", IEEE Transaction On Computer-aided Design Of Integrated Circuits And System, Vol. 20, No. 2, 2001. PDF

spritegenerator's People

Contributors

armandoisaac avatar

Watchers

James Cloos avatar  avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.