jonathanolson
commented
11 years ago Ideally, this should be done almost exactly like Scene's focusRingSVGContainer / focusRingPath. It is drawn in SVG directly, has pointer-events none (so it is pass-through on all browsers for DOM elements below), and is updated on updateScene().
It could be a dot, crosshair, ring, circle, etc. Not sure what will work best.
Code to do this should only be active once scene.input is created (it's a scenery.Input, and is created in Scene.initialize*Events). Hook into Input.addPointer / Input.removePointer for touches (and pen events also). If you want the mouse to be recorded, do this on the pointer instance that is created in the Input constructor.
To record pointer movements, add a 'move' input listener onto pointers when they are added (addPointer), and remove the listener when they disappear (removePointer).
I was imagining experimenting with ghosting (fade out previous locations instead of only showing a graphic at the current location), or possibly trails, so that it is easy to visualize the path.
Additionally, I thought it would be useful to show something for state changes (either a change of color when the pointer is up/down, which is important for the mouse, or some other visual way of indicating something).
samreid
Useful for recordings. We could provide a default graphic behavior, but allow plugging in other ways of displaying them?