Deadlock Graphic Designer - A tool for creating Item Tooltips

[Fred_]

​

Deadlock Graphic Designer is a small tool I have created that allows for the creation of item tooltips. The tool should be relatively straight forward to use, but please ask in this thread if you need any help.

The Site is currently available under this link: Deadlock Graphic Designer
Github Link (This is my first ever Web project in React and JS, it is a mess): Deadlock Graphic Designer Github

A list of features available:​

• Creation of Item tooltips with all components anyone may need (Title, Description, Stat Tables, Components, etc...).
• Ability to change colors to the ones available in the game or custom coloring.
• Custom markdown for descriptions, stats, stat tables, etc..
• Ability to import custom icons.
• Importing and exporting items in JSON format.
• Exporting images of items in PNG format.

A list of features that I plan to add in future updates (If I ever update this):​

• Custom Icon colors (Also a few extra colors that some icons have that are not yet available).
• Custom Image Export Quality.
• Item templates for tool showcase + Item templates for all the items in Deadlock
• Expanding the tool to the creation of ability tooltips and even shop mockups (Single items and entire shops)

FAQ​

Where can I report for bugs or make suggestions?
You can do both on the github page, but I would recommend you DM me on Discord at @fredleon since I will most likely not check the Github very often.

I just did something and my page went blank and I cannot use the tool anymore
Something went horribly wrong and you should report the bug if you can. Try to wipe the local storage for the site and see if that works (That will erase everything saved on the site, so be warned)

Custom Icons do not stay after reloading the page
I'm aware of this issue and I have currently not been able to find a solution for it that wouldn't require me to set up a server for it. I recommend you use the in-built icons.

The tool looks weird on mobile
I have not tested or coded this site to work on mobile, so it is very likely that it may end up looking jank. If many people request it, then I may try to make the site mobile friendly. For the time being, please use desktop mode for the site on mobile.

Do you know about Deadmock?
Yes I do, I was made aware of it when I started working on the project by its creator and they have offered a helping hand. For those who don't know what Deadmock is, it's another mocking tool that allows for the creation of items, abilities and hero overviews. Check them out here

Screenshots​

I appreciate everyone for giving this tool a try and I hope to see a lot of cool ideas coming out of this in the future.

 

[supremejester28]

Neat!

 

[That dude who plays Deadlock]

Cool!

 

[lamarrite]

Super cool project

 

[gibnewitems]

A little more complex to use than deadmock, but a really nice project overall. I like the custom color palettes, that's so useful. I just got done playing around with it for a hero concept that I've been brewing for a while now (one with some very unique gameplay interactions with the shop system). Can't wait to see more development put into this project.

 

[Fred_]

Oh yeah I should point that out when I'm going to add item templates, but you can use markdown on Item Names for better organisation.

 

[That dude who plays Deadlock]

It would be good if you added a "?" symbol that gives brief info of the UI and maybe shows how to use special characters, change text color and such.

 

[Fred_]

It would be good if you added a "?" symbol that gives brief info of the UI and maybe shows how to use special characters, change text collor and such.

Oh there is actually, it's in the bottom right of the page

 

[That dude who plays Deadlock]

Oh there is actually, it's in the bottom right of the page

Ok. I am just stupid and blind XD
Def should make it more noticable though.

 

[Fred_]

Got to add some missing icons and move some icons in the Stat Icons tab to make everything more organised.

Added a new thing in and also changed the visuals on some of the buttons. Also redid all the colors since the program I used before made all the colors look super washed out.

And lastly, just a bunch of bug fixes.
I'm going to add a couple of extra things to items before looking at maybe adding the ability to make shop mockups, specifically the ability to add multiple panels in the passive component (So you can add stuff next to the countdown like item charges or something or just change the cooldown icon if you don't want that) and moving items in the load menu.

 

[Mr.Mindish]

This is incredible work. Thanks for taking time to put this together!