[REL] Sketch tools for casters

The ultimate tool for casters and video makers, finally it is here brought to you by Captain Conundrum, LavaSnake and myself!

The user-friendly UI will let you draw on your screen (don't move your view during drawing!), you can choose from variety of tools and colours. Check the screenshots below to get a better idea.

History

• Version: 1.2.0
  • Better arrows
  • Circle tool
  • Stamp tool removed
  • Keyboard shortcut to clear the canvas has been changed to ALT+X

• Version: 1.0.0
  • Four colours to choose from: Blue, Red, Green, Yellow
  • Free-drawing tool
  • Arrow tool
  • Clear all drawings
  • UI becomes transparent when not mouse-overed
  • UI is dragable

How to use

• Select a color, select a tool
• Hold left Alt, click and drag to draw on your screen
• Drawings are linked to your view, not the planet, so don't move!
• Click the clear all button to get rid of the drawings

Where to get it

• It is available on PAMM (Download link for PAMM)

Future plans

• Stamp tool (circle)
• Hotkeys for tools, clear all and toggle colour

Screenshots






Videos:

Coming soon

I'll look into creating a sketch.js layer over the game window.

This would be pretty stinkin awesome for casters.

It'd be like watching football commentators – lol

That would work quite well but you'd need to watch for zoom and camera movement so you can clear it.

I'm going to make it so that you can draw by holding down a key (probably ALT) and erase everything by pressing a single key.


This can pretty much be as complicated as you guys want it to be, so start listing your demands!

That's not a bad idea. I could just have the sketch automatically clear whenever the camera moves at all.

I'll do some more on this tomorrow.

Basically how it works is I add a full screen HTML5 canvas over the entire window and then set it to pointer-events:none so that it doesn't do anything at all. When I detect a specific key press, I can change it to pointer-events:auto and it will automatically start accepting input through sketch.js.

I want colors, colors so I can like distinquish movements of two teams. I want a prefabricated arrow tho, so I dont have to draw it myself!

I can do colors easily enough. I'm not so sure about the arrow using sketch.js, but we will see.

An arrow might be doable by listening for mouse release and then drawing a rotated image of an arrowhead at the end of the line.

This looks straightforward enough to do as an extension of sketch.js.

Additional: Request a circle, like area commands. Also a draw with mouse line, with no arrow end.

Three hot keys then: Arrow, line, and circle?

Also cpt, I'd love to work with you on this mod if you'd like the help. I could put it in my pa mods repo in the PA Mods org or you could make a repo for it.

I think my first version will just be about getting it working so I can get this to you guys as quickly as possible. It looks really easy to write new tools for it like arrows and circles, so I can probably get those out in an update. I don't know how much extra I can give you for this weekend's tournament though.

why only for casters? in dota 2 on the minimap it also works for teamgames, ok this would be harder for a mod

If you want, look at sketch.js and write a new tool for the arrow. I could hook into that easily enough.

That would mean sending the lines to our own server and then back to the other players, which is more complicated than I want to make this.

A web service would do that, although none of us have the time to make that right now.

ok, I'll see what I can do.

I'll get it on github tomorrow though. Right now I have to watch some Star Trek.

Have fun! I already got the framework for my tools together here: https://github.com/pamods/LavaSnake-s-Mods/tree/master/LavaDraw (Sketch.js Tools)

Feel free to download it, currently the arrow tool is just a clone of the draw tool through. I'll get to work on it soon.