Guide to the Zen Web App Framework and Mashweb
  • About this book
  • Preface
  • Introduction
  • Part 1: The Motivation Behind Zen and Mashweb
    • The Death of the Cyberflâneur
    • Old Pie in the Sky
      • Zen Project #1: A Web Site and a New Technology to Help People Scale the Web
      • Zen: First Principles
      • Zen: What Is It Most About?
    • Zen Elevator Pitches
  • Part 2: Goals (and Possible Goals) of Zen
    • The Plan for Alpha Zen
  • Part 3: The Key to Zen: A Nano Framework for Sequential Programming
    • Scheme Interpreters in JavaScript
    • Gambit Scheme
    • Optimizing Gambit on JavaScript for Size
    • Synchronization of JavaScript Events
    • Notes on Asynchronous JavaScript
  • Part 4: Web Page Structure
    • Styles
    • Zen Components: Their Creation, Manipulation, and Affordances
    • Front-End Components
  • 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
    • Zen Web Page Editor
    • Alan's Zen Highlighter Concept
  • Part 7: Outside Tools To Help Build Zen
    • Software for UX/IxD/UI design
  • 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?