[minigame] shapes puzzle

Question

Hi everyone,
I recently finished the HTML5 / Javascript course and wanted to train on canvas so I developed this mini game : https://code.sololearn.com/Wa701UH3D2Bz
If you have any tip to improve this game, feel free to comment (especially to make it more mobile friendly).
Have a good day.

Answer 1

Amazing Code Bro 😵😵

Answer 2

Its pretty slick. Good job.
I would say try to keep the width within 100% page width or 100vw to make it more approachable on mobile. Also it wants to slide to code playground when I drag the shapes.

Answer 3

I'm pretty sure the swipe to playground is a feature of the app, so you couldn't prevent it even if prevent default works on swipe (which is a good question).

Answer 4

Awesome

Answer 5

Thank you for the feedback Russel! I pushed a change to scale and position the shapes in order to avoid the scroll on narrow screen! Not sure if I can prevent the default swipe behaviour, you need to hold the touch for half second (touchstart) and then swipe(touchmove) to not trigger it (or make a diagonal swipe).

Answer 6

Great job bro...This is the first step... Take a big step to make more extraordinary games