HTML-in-Canvas Demos

· web coding books · Source ↗

TLDR

  • Google ChromeLabs curates a growing list of HTML-in-Canvas demos and framework integrations, including Three.js and PlayCanvas support.

Key Takeaways

  • HTML-in-Canvas lets developers render live HTML/CSS inside a canvas element; demos include a Duck Hunt TODO form and cloth-simulation UI.
  • Wes Bos contributed two demos: a shooting-game form (Duck Hunt TODO) and ripple-effect Wobble Buttons.
  • Three.js (HTMLTexture) and PlayCanvas (html-texture) both have documented HTML-in-Canvas support with sample code.
  • The resource lives in GoogleChromeLabs/css-web-ui-demos on GitHub; canonical demos are deployed at chrome.dev.
  • Third-party demos are community-contributed and not endorsed or maintained by Google.

Hacker News Comment Review

  • No substantive HN discussion yet.

Original | Discuss on HN