Deadmock - create mock tooltips for your item and ability ideas

Tryneus

New member
Available at https://tryneus.github.io/deadmock/
Github repo at https://github.com/tryneus/deadmock/

I put together this WYSIWYG editor so that people could make their suggestions look more professional, and hopefully get a better idea of how their mechanics might be communicated to players. It's not designed for mobile because several elements rely on hover interactions - it still works okay on my phone but YMMV. Generally, if you want to change something, you can click on it.

You can export to a png, and create links to your item/ability in the editor. It keeps a history of the past 10 things you had open, but I'd recommend exporting or saving links if you really don't want to lose something.

Let me know if you have any issues with it or suggestions - you can reply here or file an issue on the Github repo.
 
Available at https://tryneus.github.io/deadmock/
Github repo at https://github.com/tryneus/deadmock/

I put together this WYSIWYG editor so that people could make their suggestions look more professional, and hopefully get a better idea of how their mechanics might be communicated to players. It's not designed for mobile because several elements rely on hover interactions - it still works okay on my phone but YMMV. Generally, if you want to change something, you can click on it.

You can export to a png, and create links to your item/ability in the editor. It keeps a history of the past 10 things you had open, but I'd recommend exporting or saving links if you really don't want to lose something.

Let me know if you have any issues with it or suggestions - you can reply here or file an issue on the Github repo.
This is great! It might be useful for this forum if there was an option to copy the item description as plaintext. It would make items easier to search for and compile large amounts of items as data, if the devs would want to do either.
 
This is great! It might be useful for this forum if there was an option to copy the item description as plaintext. It would make items easier to search for and compile large amounts of items as data, if the devs would want to do either.
I like the idea of exporting to plaintext or BB-markup for posting to the forums, I'll add that next. If you really super can't wait, I suppose you could write a bookmarklet to fetch the JSON from local storage and transform it from there, but I'll probably have something up in a few days. Currently working through the final bugs for adding some fancy transitions and draggable list items at the moment.
 
Pushed a new update with the animations and dragging I mentioned before - you can now reorder item stats and multiple grids or markdown sections within an ability. Also added the ability to copy a text passage for the item in BBCode (for these forums), Markdown (for Reddit), and plaintext if you want to customize it yourself. There are two BBCode exporters, with and without color, since the color markup can be very hard to visually parse. This is what it should look like:

Slowing Hex
Spirit Tier 2
Components
: Enduring Spirit
§1750 Souls

  • +10% Spirit Lifesteal
  • +5 Spirit Power
  • +75 Bonus Health
Active (26s Cooldown):​
Deals Spirit Damage, Slows targets movement and dashes. Also Silences their movement-based items and abilities.
Does not affect target's stamina usage.
  • 80 Damage
  • 20% Movement Slow (Conditional)
  • -30% Dash Distance (Conditional)
  • 29m Cast Range
  • 3s Duration
Thanks for the suggestion, @Geneva!

There's not much left on my list of stuff to add - I'm probably going to look at making the stats in the ability header draggable, as well as grid cells. There's a very good chance I broke something with this update - there was a change in serialization, so I put in a migration that should be able to import old data, but let me know if you spot anything wrong.
 
Last edited:
The problem with custom icons is that the tooltips only show item icons in the Components section - it never shows the item's own icon. I think it would be a completely separate use case to support that. I've considered it before, but don't see how it works with the current Deadmock feature set.
 
1734758643827.png
putting what im trying to say visually, i mean so you can have a custom icon for your particular thing next to the final output
 
I guess my problem with that is if it's not composed into the tooltip's presentation, there's not really anything for Deadmock to do. If you just want to put them next to each other, you already have the two images and you can do that, and then I don't have to be prescriptivist about which side it goes on, or have some complicated composition wizard where you choose how it looks.

The closest thing I can think of that I could put in Deadmock is some sort of Hero Showcase mode where you upload a portrait, icons, and fill out four abilities to be composed into a single image, something like what they have in-game:

1734759266006.png
 
having done coding on my own website and game projects i already get what you mean, writing code equivalent to the entire rest of the project for one optional feature is no good


would be glorious, if thats simpler for you and goes with your goal of wysiwyg go for it
Been working on this since it sounded fun, got the layout mostly settled, but still have to implement image uploading and do a bunch of testing. Here's roughly what it should look like when its done:
Dynamo-1734911428.png
 
Been working on this since it sounded fun, got the layout mostly settled, but still have to implement image uploading and do a bunch of testing. Here's roughly what it should look like when its done:
that is going to be legendary man i will make sure to really put it to use
 
Been working on this since it sounded fun, got the layout mostly settled, but still have to implement image uploading and do a bunch of testing. Here's roughly what it should look like when its done:
Looks amazing. Can`t wait to use something like this. The only problem is that i am shit at making sketches for heroes and abilities :).
 
Back
Top