basketball-scoreboard-analyser

Demo at http://fkint.github.io/basketball-scoreboard-analyser/
The input file corresponding to the default image can be found at: http://fkint.github.io/basketball-scoreboard-analyser/testdata/ScoreBoardConfigv2.prm

User interface

• Toolbar:
  • Mouse mode: Default (edition)
  • Mouse mode: Drag canvas
  • Mouse mode: move digits
  • Import JSON file
  • Import PRM file
  • Export as JSON file
  • Export as PRM file
  • Set canvas image
  • Reset canvas view (image centered and full-area)
  • Reset configuration (remove all objects)
  • Clear configuration (empty all nodes at the root level)
  • Autofocus (centers canvas around selected elements)
• Mouse:
  • Default mouse mode:
    • Click inside a digit -> select digit
    • Click & drag near corner of selected digit/led -> move digit/led
    • Click & drag to select a rectangular region when a digits group is selected -> autodetect digit corners in that region
    • Click 4 times on the canvas when a digits group is selected -> create new digit with corners on those spots
    • Click on an element in the tree to select it
    • Double-click on an element on the canvas to expand its corresponding tree element
    • Press ctrl to switch to 'Drag canvas mode'
    • Press delete to delete the selected object
  • Drag canvas mode: self-explanatory
  • Move digits mode:
    • Click on a digit to select it (shift to toggle selection, ctrl to add to selection)
    • Click & drag outside the selected digits to select a rectangular region -> select all digits (of which the center is) inside that region
    • Click & drag starting at one of the selected digits to translate the selection