Show HN: A webcam made out of HTML checkboxes

Re:Show HN: A webcam made out of HTML checkboxes by bryanbraun on Thursday September 09, 2021 @09:37AM (#28469516)

Some background: a little while ago I built a library called "Checkboxland" at the Recurse Center for rendering stuff into a checkbox grid. I recently made an update that lets it render arbitrary images and video. The video feature supports HTML MediaStream, which is what powers the webcam demo.

[ Parent | on HN ]

Re:Show HN: A webcam made out of HTML checkboxes by themodelplumber on Friday September 10, 2021 @06:28PM (#28487606)

Recurse Center for Rendering Stuff into a Checkbox Grid, 1 Checkbox Drive, etc.

[ Parent | on HN ]

Re:Show HN: A webcam made out of HTML checkboxes by oksurewhynot on Friday September 10, 2021 @04:16PM (#28486403)

I was there for this! I actually use this as an example of a perfect mini-batch project to anyone who's skeptical of what they can get done in a week.

[ Parent | on HN ]

Re:Show HN: A webcam made out of HTML checkboxes by Technetium on Saturday September 18, 2021 @06:53PM (#28580073)

There's no way to change camera input. Shame I couldn't try this demo.

[ Parent | on HN ]

Re:Show HN: A webcam made out of HTML checkboxes by dafoex on Friday September 10, 2021 @10:13AM (#28481842)

This is really fun! I'm not sure of the practicality (particularly with the QR demo, my boxes don't turn bright blue like yours apparently do, so its pretty invisible to a scanner) but if it looks cool then that's reason enough in itself

[ Parent | on HN ]

Re:Show HN: A webcam made out of HTML checkboxes by bryanbraun on Monday September 13, 2021 @10:33AM (#28512011)

Yeah, the boxes are bit brighter by default in Safari, so that's the browser I tend to use for screenshots and video.

[ Parent | on HN ]

Re:Show HN: A webcam made out of HTML checkboxes by kevincox on Thursday September 09, 2021 @08:49PM (#28476529)

You hint in the docs that you make some efforts to render efficiently. Are there any write-ups on the optimizations or it is just as simple as updating only when needed?

[ Parent | on HN ]

Re:Show HN: A webcam made out of HTML checkboxes by bryanbraun on Monday September 13, 2021 @10:38AM (#28512073)

I wrote up some notes about it here: https://github.com/bryanbraun/checkboxland/tree/master/src#p...

In short: only updating when needed, minimizing the number of DOM queries, and avoiding costly CSS layouts.

[ Parent | on HN ]

Re:Show HN: A webcam made out of HTML checkboxes by jdorfman on Thursday September 09, 2021 @01:51PM (#28472542)

This is brilliant. Amazing work. It even caught my ceiling fan running in the background.

[ Parent | on HN ]