Thoughts on the map section.

[Kedyn]

As of right now, on the beta version the characters on the map do not remain on the position they were set. I am aware of this issue, I also know that is more of a problem on browsers such as chrome. I did made it so that the map remains on the left of the screen as seen here. But the characters still move, even with this change, due to the scaling of the image. I was thinking of switching from svg to canvas. This might also open up other features such as zooming. I also know there are other options. Any ideas on this are welcome.

[francistse23]

*still seeing the map on the right side from your link

Not too familiar with canvas myself. Are we sure the positioning would get preserved after switching to canvas? I'm open to experimenting with different implementations until we find something that works

[Kedyn]

Here is a preview of what I see:

We could use something like react-svg-pan-zoom, this would not solve the problem. It would only add the zoomable feature.

As for the canvas idea, it would be like creating a mini game. It would allow us to have control over the whole thing, but it would also be some work.

[Kedyn]

For anyone interested, I have moved on with my canvas idea. The changes can be viewed on the refactoring branch and also: https://kedyn.github.io/fusliez-notes/next/

This will not only fix #149 , but also allow us to add many of the things people asked, such as being able to draw on the map.