Using the Gamepad API for a Better Gaming Experience on the Web

Slides for my JS GameDev Summit 2023 talk.

This talk explores the usage and impact of the Gamepad API in the web gaming space. The Gamepad API lets you connect and use various gaming controllers with browsers, but since this API is in very early stages, tracking different controller inputs across browsers becomes extremely challenging. For this very purpose I have released an open source library which provides support for button press, axis movement events as well as vibration play effect in browsers. We’ll be focusing on how we can leverage this library for providing better gaming experiences to consumers on the web.

Transcript

1. Using the Gamepad API for a better gaming experience on the web Arun Michael Dsouza arunmichaeldsouza.com 
 @amdsouza92
2. arunmichaeldsouza.com
3. The Web Platform
4. Image source: freepik.com
6. Image source: nocookie.net
7. Image source: mobilefreetoplay.com, windowscentral.com
8. Gamepad API bit.ly/gamepad_api
9. Image source: freepik.com
11. Image source: caniuse.com
13. Gamepad Interface bit.ly/gamepad_interface
16. Standard Gamepad Layout
24. Events?
25. bit.ly/gamepad_connected_event
26. bit.ly/gamepad_disconnected_event
27. 😔
30. Image source: red-gate.com/
31. Image source: hacks.mozilla.org bit.ly/javascript_layout_thrashing
32. requestAnimationFrame( )
34. The Game Loop
35. Image Source: mozdevs.github.io bit.ly/anatomy_of_a_videogame
50. bit.ly/joypad_js
51. Connect/Disconnect
52. Button Press/Axis Movement
53. Button Press/Axis Movement
54. Vibration Effect
55. Settings
56. Browsers Support
58. bit.ly/joypad_js
59. arunmichaeldsouza.com/blog/web-platform's-hidden-gems-(series) arunmichaeldsouza.com/blog/using-joypad.js-for-a-better-gaming- experience-on-the-web arunmichaeldsouza.com/blog/web-platform's-hidden-gems--- gamepad-api Further Reading
60. Thank you Arun Michael Dsouza arunmichaeldsouza.com 
 @amdsouza92