Joystick in javascript

Question

how can i add a joystick to move my element?

Answer 1

now no need to copy the codes, I m hosting the files through rawgit (link credits SILENT) directly from my github repository,

just add this to ur html code

<script src="https://rawgit.com/NeetishRaj/game-controller/master/game-controller.js"></script>

and to use the controller just call this function inside Ur own <script> tag

controller(ur DOM object that need to be controlled)

like shown below

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

Answer 2

i experimented a bit with a joystick implementation

kinda abandoned it half way tho and never looked back

not sure why xD

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

Answer 3

so this is what it looks like now, just pass the Dom element that u want to move as argument in the controller function

it should be applicable on any device , with touch or with mouse, if issues please comment I ll improve it

hopefully someday soon I can host this as js library then just one CDN link would be enough to use this controller in ur code

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

Answer 4

it ll be a nice challenge code, i wanted to mk something like that which I can use like API s for controlling any element , I ll post the controller API as soon as I am done with it,👍

Answer 5

@Burey, yep game controller are not that satisfying when dealing with actual gameplay experience, but I like this type of effect ,

(oops, looks like she changed the joystick , before it was click anywhere and joystick would appear kinda experience)

although it has map moving but not the Object

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

Answer 6

this is the one where object stays at same place , and only rotates , but the map moves on controller touch, giving the illusion of movement

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

Answer 7

@martin browser js doesn't but nodejs has,