Game Controler ?

Monkey Targets Forums/HTML5/Game Controler ?

Paul - Taiphoz

(Posted 2012) [#1]

trying to add joypad support for my game and getting patchy results.

Its a 360 controller via a wireless, now if I build to glfw the A buttons works, but the dpad does not.

Also is this supported in html5 ? cos nothing works in html5 for me at the moment.

dawlane

(Posted 2012) [#2]

I won't use html5 until it's stable across all browsers. But I've heard that FireFox and Chrome do support a experimental GamePad API. https://developer.mozilla.org/en/API/Gamepad/Using_Gamepad_API
Googling around may shed more light on this.

Its a 360 controller via a wireless, now if I build to glfw the A buttons works, but the dpad does not.

Does every thing work with an xna windows build?

Paul - Taiphoz

(Posted 2012) [#3]

not tested in a few days but yeah as I recall it did.

Asmodean

(Posted 2015) [#4]

I tried to use the gamepad support from html5. It works, but only one button at time. I am way to inexperienced to make it really usable, but maybe someone has more experience in Javascript and can make it usable. Works only with Xbox360-Controller.

Edit: fixed it. I think now it is usable. You have to press one of the X,Y,A,B first to initialize the Controller.

Gamepad.js:

function Gamepad()
{	

   
  	function Loop() {
  		
  		var button=[0.0,1.0,2.0,3.0,4.0,5.0,6.0,7.0,8.0,9.0,10.0,11.0,12.0,13.0,14.0,15.0,16.0,17.0,18.0,19.0];
    	var gamepads = navigator.getGamepads();
    	
    	for (var playerIndex = 0; playerIndex < gamepads.length; playerIndex++) {
        	var gamepad = gamepads[playerIndex];
        	if (gamepad) {
        		button=[0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0];
        		
        		for (var i=0; i<16; i++) {
        			if (gamepad.buttons[i].pressed) {
          
                		button[i]=1;
                		//return button;
            		}
            	}
                        button[16]=gamepad.axes[0];
			button[17]=gamepad.axes[1];
			button[18]=gamepad.axes[2];
			button[19]=gamepad.axes[3];
        	}
 		}
	
	
   	
     return button;
	}
window.requestAnimationFrame(Loop);
return Loop();
}

Monkey-Code:

Import "Gamepad.js"
Import mojo


Extern
  Function conected:Float[]()="Gamepad" 

Public 

Class MyApp Extends App
	Field button:Float[]


	Method OnCreate()
		SetUpdateRate 15
		
	End
	
	Method OnUpdate()
		button=conected()
		
	End
	

	
	Method OnRender()
		
			Cls
			DrawText "Button0 "+button[0],0,20
			DrawText "Button1 "+button[1],0,40
			DrawText "Button2 "+button[2],0,60
			DrawText "Button3 "+button[3],0,80
			DrawText "Button4 "+button[4],0,100
			DrawText "Button5 "+button[5],0,120
			DrawText "Button6 "+button[6],0,140
			DrawText "Button7 "+button[7],0,160
			DrawText "Button6 "+button[8],0,180
			DrawText "Button9 "+button[9],0,200
			DrawText "Button10 "+button[10],0,220
			DrawText "Button11 "+button[11],0,240
			DrawText "D-Pad Up "+button[12],0,260
			DrawText "D-Pad Down " +button[13],0,280
			DrawText "D-Pad Left " +button[14],0,300
			DrawText "D-Pad Right " +button[15],0,320
			DrawText "Analog1-X "   +button[16],0,340
			DrawText "Analog1-y "   +button[17],0,360
			DrawText "Analog2-X "   +button[18],0,380
			DrawText "Analog2-y "   +button[19],0,400
		
	End

End

Function Main()

	 New MyApp
	
End

bitJericho

(Posted 2015) [#5]

Wow that couldn't be simpler! I didn't know realize could just import js like that. I'll try this out when I get to that point in my projects. Nice job.