Search the Community

I want to build a top down, twin stick shooter and I wanted some help in figuring out the best way to implement it. There will be other buttons on screen as well. A static joystick is fine, no need of a dynamic one. I have tried out the vjoy plugin, but I didn't find it good enough as it only had events for up, down, left and right. I want more specific information. Should I just use pointers or is there a way to implement nippplejs, or is there a better option?

I have tried to implement a simple nipplejs joystick on playcanvas(engine only version) as well as threejs but the joystick isn't showing up even in static mode. I'm sure I'm instantiating it properly as I have tried it on anothe div on the same page and it works, but it doesn't work on the canvas. <canvas id="application"></canvas> <script> //Game code var options = { zone:document.getElementById("application"), color: "white", size: 100, threshold: 0.1, fadeTime: 0, multitouch: false, maxNumberOfNipples: 1, dataOnly: false, position: {bottom: "100px", left: "100px"}, mode: "static", restJoystick: true, restOpacity: 0.5, lockX: false, lockY: false, catchDistance: 200, dynamicPage: true, }; var manager = nipplejs.create(options);