Skip to main content

Sprite animation player

Sprite animation player Banner

Sprite animation player

Technologies: Java, libGDX, Android Studio

Platforms: Android, Windows

Sprite animation player is a mobile application for Android developed with Java, libGDX and Android Studio. This app is designed for people who make sprite animations. The app allows you to test your sprite sheets and create animated gifs from a sprite sheet or with separate sprites.

The Sprite animation player: a tool for testing sprite animations

In order to facilitate the creation and testing of sprite animations, the Sprite animation player allows you to easily preview the appearance of a sprite animation, whether it's a sprite sheet or a package of separate sprites.

How to test a sprite sheet:

  1. Open the sprite sheet you want to play.
  2. Specify the rows and columns that the sprite sheet contains.
  3. Press the "Ready ✔" button.

How to exclude sprites from the animation:

If you want certain rows or columns of sprites to not be displayed in the animation, you can exclude them by following these steps:

  1. Divide the sprite sheet by pressing the button with blue squares.
  2. Press the row or column you want to exclude and mark it with an ❌.

To exclude individual sprites, follow these steps:

  1. Divide the sprite sheet by pressing the button with blue squares.
  2. Press the sprite you want to exclude and mark it with an ❌.

When you divide the sprite sheet, you'll see that each sprite has a number at the top, indicating the index of that sprite. The animation will play in ascending order of indices, meaning from the sprite with the lowest index to the sprite with the highest index. To change the playback order, simply adjust the indices of the sprites. However, it's important to note that you should not repeat the same index in multiple sprites.

To test a package of separate sprites, follow these steps:

  1. Open the sprites you want to play.
  2. Press the "Ready ✔" button.

The animation will play in ascending order of indices. You can change the index of the sprites to play the animation in the order you desire. If you mark a sprite with an ❌, that sprite will be excluded from the animation.

Playback modes:

The Sprite animation player has 6 playback modes that can be useful for testing different animation effects. Here are the available playback modes:

  1. MODE: Normal
  2. MODE: Reversed
  3. MODE: Loop
  4. MODE: Loop Reversed
  5. MODE: Loop Ping Pong
  6. MODE: Loop Random

You can change the playback mode while the animation is playing.

Exporting the animation as a gif:

To save the sprite animation as a gif, follow these steps:

  1. Open a sprite sheet or a package of separate sprites.
  2. Press the "Save as GIF" button.

It's important to note that when saving the sprite animation as a gif, you need to select one of these two modes: "MODE: Loop" or "Loop Reversed". If neither of these modes is selected, the gif will be automatically saved in "MODE: Loop". These modes define how the animation will play in the gif. The speed of the gif is set automatically.

Comments

Post a Comment

Most popular entries

How to convert a sprite sheet to an animated GIF

Sprite animation cutter In this article, you will learn how to convert a sprite sheet to an animated GIF, step by step. Steps: Press the "Sprite Sheet To GIF" button. Press the "Import Sprite Sheet" button. Open the gallery and select the sprite sheet. Good job so far! Now you are visualizing the sprite sheet. Indicate the number of rows and columns of the sprite sheet. Press the "Play" button. Great job! Now you have the animation playing. Press the "Export GIF" button. Well done! You can now find the GIF in the gallery or by navigating through the files. You now have your GIF ready to use. 1. Press the "Sprite Sheet To GIF" button. 2. Press the "Import Sprite Sheet" button. 3. Open the gallery and select the sprite sheet. 4. Good job so far! Now you are visualizing the sprite sheet. 5. Indicate the number of rows and c
Post a Comment
READ MORE

Sprite animation cutter

Sprite animation cutter Technologies: Java, libGDX, Android Studio Platforms: Android, Windows Sprite animation cutter is a mobile application for Android developed with Java, libGDX and Android Studio, designed for people who make sprite animations, this application is an enhancement of the Sprite animation player with some new features, the application allows you to test your sprite sheets , create animated gifs from a sprite sheet or with separate sprites, and separate sprites from a sprite sheet which can be exported as PNG images. To test a sprite sheet, import the sprite sheet you want to test and specify the number of rows and columns the sprite sheet has, then press the play button.
Post a Comment
READ MORE

Eli Puzzle

Eli Puzzle Technologies: Java, libGDX, Android Studio Platforms: Android, Windows, Browser (Chrome, Safari, etc.) Eli Puzzle is a sliding number block puzzle game designed to enhance logical thinking. The objective is to arrange the pieces in the target order by sliding numbered squares into empty spaces. As players progress to higher levels, the puzzles become increasingly challenging with larger grids.
Post a Comment
READ MORE

How to create an animated GIF with separate sprites

  Sprite animation cutter In this article, you will learn how to create an animated GIF with separate sprites, step by step. Steps: Press "Separate Images to GIF". Press "Import Images". Open the gallery. Select the images. Press the "Play" button to preview the animation. Good job so far! Now, confirm if the animation is playing correctly. If the sprites are disorganized, as in my case, you should organize the sprites by dragging them into the correct frame. Remember that sprite animations play from left to right and from top to bottom, as indicated by the magenta arrow. Now, play the animation again to confirm if it's set correctly. Great work! The animation should be playing correctly if the sprites are in the correct order.  Press "Export GIF". Excellent! Now, you can find the GIF in the gallery or by navigating through the files. Congratulations! Yo
Post a Comment
READ MORE

How to extract frames from a GIF animation

  Sprite animation cutter In this article, you will learn how to extract frames from a GIF animation, step by step. Steps: Press the "Extract Frames from GIF" button. Press the "Import GIF" button. Open the gallery. Select the GIF. Good job! Now you are visualizing every GIF frame. Press the "Play" button to preview the animation. Great job so far! Now, confirm if the animation is playing correctly. If the sprites are disorganized, you need to arrange them in the correct order. To rearrange the sprites, follow these steps: Press the "Exit Play Mode" button to go back. Check the "Sprite Touchable" button. Start dragging
Post a Comment
READ MORE

How to play a sprite sheet

  Sprite animation cutter In this article, you will learn how to play a sprite sheet, step by step. Steps: Press the "Play a Sprite Sheet" button. Press the "Import Sprite Sheet" button. Open the gallery and select the image. Great job! Now you are visualizing the sprite sheet. Indicate the number of rows and columns of the sprite sheet. Press the "Play" button to play the animation. Great job! Now you have the animation playing. If you want to change the sprite positions, you can drag the sprites to other frames. First, check the "Separate Sprites" and "Sprite Touchable"buttons, then start dragging the sprites. Good job! If you want to see how the animation looks with different modes, you can change the playback mode. You can also navigate through frames by dragging the frames bar.        1.  Press the "Play a Sprite Sheet" button.
Post a Comment
READ MORE

How to separate a sprite sheet

  Sprite animation cutter In this article, you will learn how to separate a sprite sheet, step by step. Steps: Press the "Separate sprites from a sprite sheet" button. Press the "Import sprite sheet" button. Open the gallery and select the sprite sheet. Now you are visualizing the sprite sheet. Indicate the number of rows and columns of the sprite sheet. Press the "Play" button to preview the animation. Good job! Now you have the animation playing. If you want to exclude a sprite from the animation, check the "Sprite Touchable" button and drag the sprite out of the frame. The excluded sprites won't be exported. Press the "Export Sprites" button. Great j
Post a Comment
READ MORE