@absulit/gamepad.js
Version:
Custom implementation (wrapper) of the Gamepad API for gamepads.
3 lines (2 loc) • 7.28 kB
JavaScript
/* @ts-self-types="./gamepad.module.d.ts" */
const rightMapping={buttons:{RJB:0,INDEX:1,HAND:2,A:3,B:4,MENU:5},axes:{LJX:{x:0,y:1},RJX:{x:2,y:3}}};const leftMapping={buttons:{LJB:0,INDEX:1,HAND:2,X:3,Y:4,MENU:5},axes:{LJX:{x:0,y:1},RJX:{x:2,y:3}}};const xboxMapping={buttons:{A:0,B:1,X:2,Y:3,LB:4,RB:5,LT:6,RT:7,VIEW:8,MENU:9,LJB:10,RJB:11,UP:12,DOWN:13,LEFT:14,RIGHT:15},axes:{LJX:{x:0,y:1},RJX:{x:2,y:3}}};const xboxMappingFirefox={buttons:{A:0,B:1,X:3,Y:2,LB:4,RB:5,VIEW:8,MENU:9,LJB:10,RJB:11,UP:12,DOWN:13,LEFT:14,RIGHT:15},axes:{LJX:{x:0,y:1},RJX:{x:2,y:3},LT:4,RT:5}};const remoteMapping={buttons:{SELECT:0,BACK:1,UP:2,DOWN:3,LEFT:4,RIGHT:5}};const defaultMapping0={buttons:{A:0,B:1,X:2,Y:3,LB:4,RB:5,LT:6,RT:7,VIEW:8,MENU:9,LJB:10,RJB:11,UP:12,DOWN:13,LEFT:14,RIGHT:15},axes:{LJX:{x:0,y:1},RJX:{x:2,y:3}}};const defaultMapping1={buttons:{A:0,B:1,X:3,Y:2,LB:4,RB:5,VIEW:8,MENU:9,LJB:10,RJB:11,UP:12,DOWN:13,LEFT:14,RIGHT:15},axes:{LJX:{x:0,y:1},RJX:{x:2,y:3},LT:4,RT:5}};const gamepadInfo={"Microsoft Controller (STANDARD GAMEPAD Vendor: 045e Product: 02dd)":{mapping:xboxMapping},"045e-02dd-Microsoft X-Box One pad (Firmware 2015)":{mapping:xboxMappingFirefox},"Xbox 360 Controller (XInput STANDARD GAMEPAD)":{mapping:xboxMapping},"xinput":{mapping:xboxMappingFirefox},right:{mapping:rightMapping},left:{mapping:leftMapping},remote:{mapping:remoteMapping}};const TAU=Math.PI*2;class Button extends EventTarget{static PUSHED="PUSHED";static RELEASED="RELEASED";#pushed=false;#released=true;#name=null;#index=null;#debug=false;#angle=0;#distance=0;#proportion=0;#touched=false;#value=0;#lastValue=0;#x=0;#y=0;constructor(name,index){super();this.#name=name;this.#index=index}get name(){return this.#name}get index(){return this.#index}get x(){return this.#x}get y(){return this.#y}set debug(v){this.#debug=v}get angle(){return this.#angle}get distance(){return this.#distance}get proportion(){return this.#proportion}get touched(){return this.#touched}get value(){return this.#value}set value(v){this.#lastValue=this.#value;this.#value=v;this.#touched=-.9<v;if(this.#lastValue===this.#value&&this.#value===0){this.#touched=false}if(this.#touched){this.#value=(this.#value+1)*.5}else{this.#value=0}this.#dispatchEventIfPushed()}setProperties({pressed,touched,value,x,y}){this.pressed=pressed;this.#touched=touched;this.#x=x;this.#y=y;this.#value=value;if(x&&y){this.#distance=Math.sqrt(x*x+y*y);this.#angle=Math.atan2(-y,x);this.#proportion=this.#angle/TAU;if(this.#angle<0)this.#angle+=TAU;this.#touched=Math.abs(x)>.1||Math.abs(y)>.1}this.#dispatchEventIfPushed()}#dispatchEventIfPushed(){if(this.#touched&&!this.#pushed){this.dispatchEvent(new Event(Button.PUSHED));this.#pushed=true;this.#released=false;if(this.#debug){let index=this.#index;if(typeof this.#index==="object"){const{x,y}=this.#index;index=`{x:${x}, y:${y}}`}console.log(`Button PUSHED: Name: ${this.#name}, Index: ${index}`)}}if(!this.#touched&&!this.#released){this.dispatchEvent(new Event(Button.RELEASED));this.#pushed=false;this.#released=true}}onPushed(f){this.addEventListener(Button.PUSHED,f)}onReleased(f){this.addEventListener(Button.RELEASED,f)}}class Control extends EventTarget{#gamepad=null;#index=null;#pose=null;#id=null;#buttons={};constructor(gamepad){super();this.#gamepad=gamepad;this.#index=gamepad.index;this.#id=gamepad.id}set gamepad(v){this.#gamepad=v}get index(){return this.#index}get id(){return this.#id}get buttons(){return this.#buttons}get pose(){return this.#pose}set pose(v){this.#pose=v}vibrate(duration,intensity){if(this.#gamepad.vibrates){return}intensity||=1;this.#gamepad.vibrates=true;this.#gamepad.vibrationActuator?.playEffect("dual-rumble",{startDelay:0,duration:duration,weakMagnitude:.1,strongMagnitude:intensity}).then(()=>{this.#gamepad.vibrates=false})}addButton(name,index){this.#buttons[name]=new Button(name,index)}get hasVibrationActuator(){return!!this.#gamepad.vibrationActuator}get touched(){for(let key in this.#buttons){const button=this.#buttons[key];if(button.touched){return true}}return false}}class GamepadJS extends EventTarget{static instance;static CONNECTED="CONNECTED";static DISCONNECTED="DISCONNECTED";#gamepadInfo=null;#controls={};#mapping=null;#debug=false;#logKeys=false;#tempAxesValues=null;constructor(gamepadInfo){super();if(GamepadJS.instance){return GamepadJS.instance}GamepadJS.instance=this;this.#gamepadInfo=gamepadInfo;window.addEventListener("gamepadconnected",this.#onGamepadConnected);window.addEventListener("gamepaddisconnected",this.#onGamepadDisconnected)}#onGamepadConnected=e=>{const{gamepad}=e;const{index,id}=gamepad;if(this.#debug){console.log(`%cGamepadJS.CONNECTED`,"font-weight: bold; color: #ccc");console.table({index,id,mapping:gamepad.mapping})}const control=this.#controls[`control${index}`]=new Control(gamepad);this.#mapping=this.#getDefaultMapping(gamepad);if(this.#gamepadInfo){this.#mapping||=this.#gamepadInfo[gamepad.id]?.mapping}for(let buttonName in this.#mapping.buttons){control.addButton(buttonName,this.#mapping.buttons[buttonName])}for(let buttonName in this.#mapping.axes){control.addButton(buttonName,this.#mapping.axes[buttonName])}this.dispatchEvent(new CustomEvent(GamepadJS.CONNECTED,{detail:control}))};#onGamepadDisconnected=e=>{const{gamepad}=e;const{index,id}=gamepad;if(this.#debug){console.log(`%cGamepadJS.DISCONNECTED`,"font-weight: bold; color: #ccc");console.table({index,id,mapping:gamepad.mapping})}const control=this.#controls[`control${index}`];this.dispatchEvent(new CustomEvent(GamepadJS.DISCONNECTED,{detail:control}));this.#controls[`control${index}`]=null};onConnected(f){this.addEventListener(GamepadJS.CONNECTED,f)}onDisconnected(f){this.addEventListener(GamepadJS.DISCONNECTED,f)}#getGamepads(){return navigator.getGamepads()}#isObject=v=>typeof v==="object"&&v!==null;update=f=>{const gamepads=this.#getGamepads();for(let key in this.#controls){const control=this.#controls[key];const gamepad=gamepads[control?.index];const mapping=this.#mapping;if(!mapping||!gamepad){continue}if(!control.hasVibrationActuator){control.gamepad=gamepad}if(this.#logKeys){for(let k in gamepad.buttons){const b=gamepad.buttons[k];if(b.touched||b.pressed){console.log(`button: ${k}`)}}for(let k in gamepad.axes){const b=gamepad.axes[k];this.#tempAxesValues||=new Map;this.#tempAxesValues.set(gamepad,new Map);const t=this.#tempAxesValues.get(gamepad).set(k);t.set("lastValue",t.get("value")??0);t.set("value",b);t.set("touched",Math.abs(t.get("lastValue")-t.get("value"))>.1);if(t.get("touched")){console.log(`axis: ${k}`)}}}for(let buttonName in mapping.buttons){const button=control.buttons[buttonName];const gamepadButton=gamepad.buttons[button.index];button.debug=this.#debug;button.setProperties(gamepadButton)}for(let buttonName in mapping.axes){const mappingButton=mapping.axes[buttonName];const isObject=this.#isObject(mappingButton);const button=control.buttons[buttonName];button.debug=this.#debug;if(isObject){button.setProperties({x:gamepad.axes[mappingButton.x],y:gamepad.axes[mappingButton.y]})}else{button.value=gamepad.axes[mappingButton]}}}f(this.#controls)};#getDefaultMapping(gamepad){if(6===gamepad.axes.length){return defaultMapping1}return defaultMapping0}set debug(v){this.#debug=v}set logKeys(v){this.#logKeys=v}}export{Button,Control,GamepadJS,gamepadInfo};