Create a sprite can be performed one way:
- Selecting a list of images files in a resource view.
After selecting the resources then bring up the right click menu and click on the "Rockstarapps -> Create Sprite..." menu.
This will bring up the following wizard that allows users to select the output location of the sprite file and the order the resources will be concatenated.
Select output file location
The first page of the wizard allows users to select the output location of the sprite file. If the file already exists, check the Overwrite current file checkbox
Sprite Properties
This screen provides the ability to tell the concatenation engine what file types will be created.
The list of resources can be manipulated in case the list contains any that do not exist or the order is in correct.
Rebuild Sprite Files
One of the nice features of this version of jsLex is the ability to rebuild any file that was created using the "Create Sprite..." action. To rebuild a file right click on the resource and select "Rockstarapps -> Rebuild Sprite..." Using this feature saves a ton of time managing the concatenated files during development.
Using an image in a sprite.
This can be sometimes tricky because the software is the one to arrange the files meaning users have not way to easily determine the location and CSS properties to use the sprite. jsLex simplifies this be allowing users to right click on any image that was placed in a sprite and bring up a wizard that provides ways to access the image with in the sprite.
I would love feedback on what people want to see in this wizard. There are many ways to use sprites and I took the simplest ones to display but it can be expanded to include using sprites in more complicated ways
