groot406 / looperlands-sprite-utility

Preview your looperlands sprites

Looperlands Sprite utility

Install

To install the dependencies run:

npm install

Running

To run the project run:

vite dev

To build the project run:

vite build

The build will be in the dist folder

Using the application

Once the application runs, you can load the sprite-sheets you want. You can either click on the areas or drag and drop the files.

Keyboard navigation

You can use w a s d or arrow keys to control the animations

Use space to trigger the attack animation

looperlands-sprite-utility's Issues

Add upload area for custom sprites

Allow the user to define frame-size, and map animations to row / frames

Add frame-stepper and play/pause button

This allows the user to analyse the animations frame by frame.

Weapen offset is off by a few pixels

The offset; as defined in the spite's '.json'; is not taken intoaccout

Import gif

Gif export format is wrong

Add turnaround animation

Gif colors are sometimes wrong

I think this has to do with the current background.
As gif only supports 256 colors, the background takes most of them. That might be why some colors of the sprite can't be added to the color-map.

Possible solution:
First add a frame of the avatar+weapon without background.
Then override that frame with the version with background.

Alternative Workaround: Update the image to one with less colors.
#6

Add ability to export sprite .json file

Export to tilesheet

Crreate an options to export an animated gif in tilesheet format

Export tool

Export zip with:

• original sprite-sheets (100%)
• 200% sprite-sheet
• 300% sprite-sheet
• Picker image (idle-down position)

Fix current-frame distribution

Weapon + avatar become out-of-sync sometimes.
We should use the frame-stepper to output frames and distribute to the avatar and weapon/

Add background selector