Guide to the Zen Web App Framework and Mashweb
Ctrlk
  • About this book
  • Preface
  • Introduction
  • Part 1: The Motivation Behind Zen and Mashweb
  • Part 2: Goals (and Possible Goals) of Zen
  • Part 3: The Key to Zen: A Nano Framework for Sequential Programming
  • Part 4: Web Page Structure
  • Part 5: User Interactions and the HTML5 APIs
    • Zen User Intereactions
    • HTML Drag and Drop, Including File Drag and Drop
    • Using a Gamepad with Zen
  • Part 6: Example Web Apps Built with Zen
  • Part 7: Outside Tools To Help Build Zen
  • Part 8: Tricks To Augment Zen's Basic Functions
  • Part 9: Project management
  • Part 10: Zen Status Report
Powered by GitBook
On this page
  • Live demos
  • Articles on using the gamepad API in web apps
  • Non-gamepad, but related references

Was this helpful?

  1. Part 5: User Interactions and the HTML5 APIs

Using a Gamepad with Zen

Let's imagine what a cheap (USD 25 - 65 on Amazon.com for a decent one) game controller could do for Zen's UX.

Let's google.

Live demos

  1. Chris David Mills' demo on GitHub Pages

  2. luser's demo on GitHub Pages

  3. luser's complete example on GitHub Pages

  4. Hungry Fridge simple demo

  5. Full version of Hungry Fridge

  6. Demo mentioned in SmashingMagazine article

Articles on using the gamepad API in web apps

  1. "Using the Gamepad API" on MDN

  2. "Using The Gamepad API In Web Games" on SmashingMagazine

  3. "Navigating the web with a gamepad"

  4. "How Not To Interact With Your Web App With A PS4 Controller."

  5. "Gamepad Debugger"

Non-gamepad, but related references

  1. "Feature: WebHID (Human Interface Device)" on chromestatus.com

  2. "Connecting to uncommon HID devices" on web.dev

  3. "Human interface devices on the web: a few quick examples" - with demos

  4. WebApiStudio.com

PreviousHTML Drag and Drop, Including File Drag and DropNextPart 6: Example Web Apps Built with Zen

Last updated 4 years ago

Was this helpful?