Seconded! Especially if you only have keyboard controls. Once you have mouse events there is no mapping between mouse position and an object in game, which make

Seconded! Especially if you only have keyboard controls. Once you have mouse events there is no mapping between mouse position and an object in game, which makes it a bit harder. If so, you may wanna use svg. It makes it easy to handle mouse events, rendering is “free” and you can also do smooth animations with CSS. The main downside imo is that svg has more browser inconsistencies for some reason. Example: https://loz.payload.app/ https://loz.payload.app/