thewilley / fruity_dance_sprite_sheet_generator

An Editor & Generator for the Fruity Dance plugin

Hi, I'm TheWilley (William Larsson) 👋

I am a graduated web developer, and is currently working on various personal projects while searching for a job.

🕗 Status Update

• 🔭 I’m currently working on FruityDancitor.
• 📝 I sometimes write on my blog.
• 🚄 I'm currently trying to learn performance optimization within React.
• 🤡 I like to make silly stuff, like the GIF on the right ➡️
• 📹 Looking to make videos on YouTube.
• 🎓 Graduated in summer 2023.
• 👨‍💼 Very much looking for a job.
• 🏛️ Always looking to improve my skills.

❤️ Javascript is my favourite language

 ____   ____   _  _   ____   _  _  
|    | |____| | || | |    | | || | 
 |   |  ____  |_||_|  |   | |_||_| 
 |   | |____|         |   |        
 |   |                |   |        
 |   |                |   |        
 |___|                |___|        

Languages and Tools I'm using:

fruity_dance_sprite_sheet_generator's Issues

Delete uploaded images

I've noticed that removing all images to get rid of one is wasting a lot of time. Implementing a delete function for uploaded images is needed to speed up things.

Flip horizontal or vertical, pls?

Flip horizontal or vertical button, pls?

Create global CSS

The website needs a consistent look, and the same colors should be used across the entire website.

Fruity Dance Sprite Sheet Generator V3

This project is old and the codebase is awful to work in, not to mention dated. Having recently learned react, I've realized that the class based approach I'm using now is not ideal, and that the projects effectively is restricted in terms of future development. For this reason, I'm thinking of refactoring the application for react, but in all honesty, this would be impossible. Rather, the whole project would have to be rebuilt from scratch in react, simply because the codebase is too large at this point.

This would take some time, but this is a project I really want to be good. I do not feel happy with its current clunky state. I want it to be the ultimate sprite sheet generator for fruity dance, not only because I want it, but also because a goal like that yields a incredibly valuable learning experience. There will be a lot of planning to be done, and a lot of challenges on the way, but this is my ultimate goal.

However, don't expect this anytime soon, this will take time, and ALOT of patience.

Masking does not update

The image does not update when a offset is applied.

Download files as a ZIP

When downloading the files, they should be compressed into a ZIP.

Illegal file name problem

Hi.
I tried to make bob-the-rapper skin for bfdance skin by TQualizer, but when I'm trying to save the spritesheet, the "Illegal file name" pops up. Please, fix this.
Sincerely, KubaPL2004 Studio's Grzymkowski.

Adding collections

You should be able to sort uploaded images into different "folders" as it's annyoing to keep track of things when alot of images are uploaded.

The folders should represent each row. The user can upload to any of these row folders or move files between. It's like windows, but more restricted in that there only exist one folder for each roow.

Document the colors of the website

Frame offsets like in offsets.txt to Friday Night Funkin, pls?

Frame offsets like in offsets.txt to Friday Night Funkin, pls?

Offsets x and y for each individual frame, pls?

Offsets x and y for each individual frame, pls?

Deleted cells display an "error" symbol and shows wrong offset values

A error symbol is shown instead of an empty image if cell is deleted

The offset is also set to 0 in both x and y, but empty cells shows none.

Image container to the left needs to be adjusted to sticky position instead

The image container is currently offset due to having a fixed position. This should be changed to be sticky instead as the empty space above is not necessary.

Creating a prototype for the UI

Before starting working, a UI needs to be established.

Different sizes for each individual frame, pls?

Different sizes for each individual frame, pls?

Adding a gif preview window

It would be awesome to have a gif preview besides all frames

How TQualizer made Fruity Dance BF?

Export the animations from og fla file as a gif. Slice the gif frame by frame and put them together according to FL’s official Fruity Dance tutorial as a png with a same named txt file. - TQualizer

Select all frames, pls?

Select all frames button, pls?

Locking parameters acting strange for offset

The offset parameters acts strange when locking while a cell is selected

Animation should be changed to cover div with a transparent background

Hovering over a cell should display a transparent background instead!

Getting ready for v1.0

Before the first release, we need to tidy the project:

1. Check the project structure
2. Rename all folders to low capital
3. Create a logotype
4. Comment the code
5. Check the github