Guide to the Zen Web App Framework and Mashweb
search
Ctrlk
  • About this book
  • Preface
  • Introduction
  • Part 1: The Motivation Behind Zen and Mashwebchevron-right
  • Part 2: Goals (and Possible Goals) of Zenchevron-right
  • Part 3: The Key to Zen: A Nano Framework for Sequential Programmingchevron-right
  • Part 4: Web Page Structurechevron-right
  • Part 5: User Interactions and the HTML5 APIschevron-right
    • Zen User Intereactions
    • HTML Drag and Drop, Including File Drag and Drop
    • Using a Gamepad with Zen
  • Part 6: Example Web Apps Built with Zenchevron-right
  • Part 7: Outside Tools To Help Build Zenchevron-right
  • Part 8: Tricks To Augment Zen's Basic Functions
  • Part 9: Project management
  • Part 10: Zen Status Report
gitbookPowered by GitBook
block-quoteOn this pagechevron-down
  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.arrow-up-right

hashtag
Live demos

  1. Chris David Mills' demo on GitHub Pagesarrow-up-right

  2. luser's demo on GitHub Pagesarrow-up-right

  3. luser's complete example on GitHub Pagesarrow-up-right

  4. Hungry Fridge simple demoarrow-up-right

  5. Full version of Hungry Fridgearrow-up-right

  6. Demo mentioned in SmashingMagazine articlearrow-up-right

hashtag
Articles on using the gamepad API in web apps

  1. "Using the Gamepad API" on MDNarrow-up-right

  2. "Using The Gamepad API In Web Games" on SmashingMagazinearrow-up-right

  3. "Navigating the web with a gamepad"arrow-up-right

  4. "How Not To Interact With Your Web App With A PS4 Controller."arrow-up-right

  5. "Gamepad Debugger"arrow-up-right

hashtag
Non-gamepad, but related references

  1. "Feature: WebHID (Human Interface Device)" on chromestatus.comarrow-up-right

  2. "Connecting to uncommon HID devices" on web.devarrow-up-right

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

  4. WebApiStudio.comarrow-up-right

PreviousHTML Drag and Drop, Including File Drag and Dropchevron-leftNextPart 6: Example Web Apps Built with Zenchevron-right

Last updated 4 years ago

Was this helpful?

  • Live demos
  • Articles on using the gamepad API in web apps
  • Non-gamepad, but related references

Was this helpful?