Help test my joystick functionality? Windows & Mobile

Question

here's the code

https://code.sololearn.com/WaqGLukwdd5x/?ref=app

Need to know if it works on everyone's phone/Pc, or if I will need to add some more code.

Any other info about glitches would be helpful but really just want to know if the joystick works on your phone type or os type specifically.

EDIT
If I doesn't work for you, please run this code

https://code.sololearn.com/W5BWySF5Jlde/?ref=app

and post what you get as your navigator.platform so I can work on updates.

Answer 1

After further testing If i just touch the joystick by hardly dragging it itll move the character accordingly. If I drag it anywhere near the edge of the circle it won't do much though.

So I think it could be more of a problem with the circle / area of the joystick rather than the functionality of the joystick itself.

Answer 2

Yep, not on mobile.

Answer 3

might help you with yours

https://code.sololearn.com/WJ9LwX59OBl2/?ref=app

https://code.sololearn.com/WaP916C3rK7t/?ref=app

Answer 4

document.getElementById("JoyStickMotion").addEventListener("mousemove", joyStickControls);

------> document.getElementById("JoyStickMotion").addEventListener("touchmove", joyStickControls); <-----

I was missing this line.
I only had the first line.

This is why it didn't work on mobile.

I encourage you all to try it again if it didn't work for you the first time.

EDIT: It seems to work a lot better if slightly more pressure is applied to joystick than may be natural

Answer 5

Wow it works great now! It's a little bit buggy but that may just be because SoloLearn sometimes tries to swipe the page to the JS instead of Output.

Answer 6

yeah, I've thought about centering it for that reason. Thanks for the feedback.

Answer 7

yeah, definitely got some bugs to work out with the touchmove functionality. Thanks for the feedback folks
EDIT
as it based on my phone resolution, might not be compatible with your phone... damn.

Answer 8

try using like a d- pad, thats what ive had to do on mobile.

Answer 9

Thanks.

https://code.sololearn.com/W5BWySF5Jlde/?ref=app

Could u tell me what this code shows as your navigator platform? I may be able to get it working for y'all

Answer 10

so far the best joystick design seen on SL, unfortunately doesnt work.
(Linux aarch64 in the android app)

Answer 11

Joystick didn't work for me. LG/Android.
Great game!

Answer 12

"The platform property returns the browser platform (operating system):

navigator.platform is Linux aarch64"

Answer 13

hmm... shud be working then. Back to drawing board...
EDIT, does work on mine, same nav platform. Wonder why it doesn't work.

Answer 14

I made this vector based joystick using p5js. maybe it can be useful to you.
https://code.sololearn.com/WLuKXEpBoGwx/?ref=app