manytinythings / manytinythings.github.io Goto Github PK

I love ManyTinyThings and look forward to using it to enlighten my physics students.

Currently ManyTinyThings.github.io doesn't work on mobile devices. Fixing this isn't too difficult:

• Change the mouse events on the Canvas elements to pointer events. This can be done by just changing the first argument to the *.addEventListener() calls. "mousedown" becomes "pointerdown", etc. Since PointerEvent is derived from MouseEvent, the handler code still works.
• Update the style of the simulation canvas elements to include touch-action: none; or maybe touch-action: pinch-zoom;. This prevents the browser from intercepting the pointer events for scrolling of the page. (As a side effect, the user has to scroll by dragging from outside the canvas.)

-Jeff

Firefox, linux,
This in console

TypeError: event.srcElement is undefined
[Learn More]
functions.js:1572:13
createToolbar/<
https://manytinythings.github.io/assets/scripts/functions.js:1572:13
receiveMessage
resource://gre/modules/SelectContentHelper.jsm:294:11