A new webapp for 3E Combat

[bartkusa]

Made some tweaks.

• Next Round button also appears under the last active combatant.
• You can now remove characters from a battle entirely during Round 0.
  • This is helpful if you have a big library of stock NPCs.
• On phones/tablets, there's a special iPod-style UI for changing initiative, but only if you visit http://bartkusa.com/ex/?#spin.
  • I'm pretty sure it's buggy as hell on iOS.

Next up: fix iPod-thing on iOS, fix layouts on phones, and add Essence and/or Onslaught. Might be a while.

[bartkusa]

Nice!
Suggestion B: put a second next round button under the character list.

...

Edit: I'm definitely planning on using this because it's awesome, but it's gonna be on my phone. Could you make the note fields responsive?

Thanks for the great feedback! I can easily add another Next Round button in the right place. Consider it on my short-list.

The code is hosted at https://github.com/bartkusa/Ex3eTracker. The two files you'd want to tweak are Combatant.jsx and Combatant.less.

I'm happy to review pull-requests, or you can just send me a sample of HTML + responsive CSS. That might be easier, if you don't already know React + Webpack (but maybe you do).

[Deamonlight]

Edit: Nevermind. This is really useful.

[Magnum Opus]

Awesome webapp, I was planning a big fight soon and I'll be using this for sure.

[Fata-Ku]

Nice!
Suggestion A: something should noticeably notify you once the round is over (like maybe the "next round" button gets focus and flashes or something), because once that last go button disappears, the user is focusing on the bottom of the screen and it's easy to miss that button.

Suggestion B: put a second next round button under the character list, so that as the "go" button progresses downward and disappears, "next round" is clearly the next expected interaction. It would reduce cognitive load in having to memorise the interface and eliminate the need to scroll back up.

Suggestion C: both

Edit: I'm definitely planning on using this because it's awesome, but it's gonna be on my phone. Could you make the note fields responsive? Like, have them go below the character when the display is under a certain screen width, and potentially be collapsible? (just, like, a css @rule)

(Also if your project is on GitHub I could contribute some of these features :P )

[Ellis]

Essence and anima, maybe? Keeping in mind some Charms expend anima.
Also, Tepet Zherkoff should be an npc in everyone's game.

[bartkusa]

New feature: Track characters' personal and peripheral essence! (as of 3/26/16)

I'm working on a webapp for tracking initiative, essence, onslaught, and all the other fiddly numbers that change a lot in combat.



The "useful links" thread already has a tracker in Google Spreadsheets tracker, but it requires lots of clicking and typing, and I think I can (eventually) make something that's slicker and more touch-friendly (eg, for iPads).

So far, all you can do is track who has gone each round, and what each person's initiative is. I'm trying to figure out what I should add next, that'd make this helpful to more people. Let me know what you think!