# Three.js webcam

The use of a webcam video stream as live input or a texture in Three.js web graphics.

This is one page of public article previews, not the complete archive. Follow Next page to continue. Summaries are not the original full articles.

## DIY Puppet-Head Cyberdeck Packs a Linux Single-Board Computer, Display, Keyboard, and Webcam

DevFeed: [DIY Puppet-Head Cyberdeck Packs a Linux Single-Board Computer, Display, Keyboard, and Webcam](<https://devfeed.tech/articles/this-diy-computer-build-looks-like-a-muppet-and-works-like-a-real-pc-41377.md>)

Original publisher: [Read original article](<https://www.yankodesign.com/2026/09/17/this-diy-computer-build-looks-like-a-muppet-and-works-like-a-real-pc/>)

Author: JC Torres

Published: 2026-09-17T17:20:30Z

Content type: article

Language: en

Sources: [Yanko Design](<https://devfeed.tech/sources/yanko-design.md>)

Topics: [Single Board Computer](<https://devfeed.tech/topics/single-board-computer.md>), [Linux](<https://devfeed.tech/topics/linux.md>), [Three.js webcam](<https://devfeed.tech/topics/three-js-webcam.md>), [Hardware](<https://devfeed.tech/topics/hardware.md>), [hdmi](<https://devfeed.tech/topics/hdmi.md>), [Bluetooth](<https://devfeed.tech/topics/bluetooth.md>), [keyboard](<https://devfeed.tech/topics/keyboard.md>), [USB](<https://devfeed.tech/topics/usb.md>)

Tags: [accessories](<https://devfeed.tech/tags/accessories.md>), [accessories-fashion-gadgets-technology-cyberdeck-diy-purse](<https://devfeed.tech/tags/accessories-fashion-gadgets-technology-cyberdeck-diy-purse.md>), [bluetooth](<https://devfeed.tech/tags/bluetooth.md>), [cyberdeck](<https://devfeed.tech/tags/cyberdeck.md>), [diy](<https://devfeed.tech/tags/diy.md>), [electronics](<https://devfeed.tech/tags/electronics.md>), [engineering](<https://devfeed.tech/tags/engineering.md>), [fashion](<https://devfeed.tech/tags/fashion.md>), [gadgets](<https://devfeed.tech/tags/gadgets.md>), [hdmi](<https://devfeed.tech/tags/hdmi.md>), [keyboard](<https://devfeed.tech/tags/keyboard.md>), [linux](<https://devfeed.tech/tags/linux.md>), [purse](<https://devfeed.tech/tags/purse.md>), [single-board-computer](<https://devfeed.tech/tags/single-board-computer.md>), [technology](<https://devfeed.tech/tags/technology.md>), [usb](<https://devfeed.tech/tags/usb.md>), [webcam](<https://devfeed.tech/tags/webcam.md>)

### AI overview

A DIY cyberdeck places a Linux-running single-board computer inside a furry puppet head. It includes a 5-inch HDMI screen, Bluetooth keyboard and touchpad, USB battery bank, and webcam, while an internal frame and mounting platform make room for both the electronics and the puppeteer's hand.

### Source excerpt

This DIY Computer Build Looks Like a Muppet and Works Like a Real PC Nearly every DIY computer build chasing the cyberdeck label ends up looking like a prop from a gritty sci-fi film, all exposed wires and grungy...

## Building a Real-Time 3D Face Mask with MediaPipe, Threlte and Three.js

DevFeed: [Building a Real-Time 3D Face Mask with MediaPipe, Threlte and Three.js](<https://devfeed.tech/articles/building-a-real-time-3d-face-mask-with-mediapipe-threlte-and-three-js-4342.md>)

Original publisher: [Read original article](<https://tympanus.net/codrops/2026/09/06/building-a-real-time-3d-face-mask-with-mediapipe-threlte-and-three-js/>)

Author: Marek Jóźwiak

Published: 2026-09-06T13:09:52Z

Content type: tutorial

Language: en

Sources: [Codrops](<https://devfeed.tech/sources/codrops.md>)

Topics: [Three.js webcam](<https://devfeed.tech/topics/three-js-webcam.md>)

Tags: [3d](<https://devfeed.tech/tags/3d.md>), [3d-face-mask](<https://devfeed.tech/tags/3d-face-mask.md>), [canonical-face-model](<https://devfeed.tech/tags/canonical-face-model.md>), [creative-coding](<https://devfeed.tech/tags/creative-coding.md>), [face-landmarks](<https://devfeed.tech/tags/face-landmarks.md>), [face-mesh](<https://devfeed.tech/tags/face-mesh.md>), [face-tracking](<https://devfeed.tech/tags/face-tracking.md>), [facial-landmarks](<https://devfeed.tech/tags/facial-landmarks.md>), [generative-graphics](<https://devfeed.tech/tags/generative-graphics.md>), [gpu](<https://devfeed.tech/tags/gpu.md>), [inference](<https://devfeed.tech/tags/inference.md>), [interactive-3d](<https://devfeed.tech/tags/interactive-3d.md>), [javascript-3d](<https://devfeed.tech/tags/javascript-3d.md>), [mediapipe](<https://devfeed.tech/tags/mediapipe.md>), [mediapipe-face-landmarker](<https://devfeed.tech/tags/mediapipe-face-landmarker.md>), [mesh](<https://devfeed.tech/tags/mesh.md>), [real-time](<https://devfeed.tech/tags/real-time.md>), [real-time-3d](<https://devfeed.tech/tags/real-time-3d.md>), [real-time-face-tracking](<https://devfeed.tech/tags/real-time-face-tracking.md>), [svelte](<https://devfeed.tech/tags/svelte.md>), [three-js](<https://devfeed.tech/tags/three-js.md>), [three-js-face-mask](<https://devfeed.tech/tags/three-js-face-mask.md>), [three-js-webcam](<https://devfeed.tech/tags/three-js-webcam.md>), [threlte](<https://devfeed.tech/tags/threlte.md>), [threlte-three-js](<https://devfeed.tech/tags/threlte-three-js.md>), [tutorial](<https://devfeed.tech/tags/tutorial.md>), [tutorials](<https://devfeed.tech/tags/tutorials.md>), [video](<https://devfeed.tech/tags/video.md>), [vision](<https://devfeed.tech/tags/vision.md>), [wasm](<https://devfeed.tech/tags/wasm.md>), [webcam](<https://devfeed.tech/tags/webcam.md>), [webcam-effects](<https://devfeed.tech/tags/webcam-effects.md>), [webcam-face-tracking](<https://devfeed.tech/tags/webcam-face-tracking.md>), [webgl](<https://devfeed.tech/tags/webgl.md>), [webgl-face-tracking](<https://devfeed.tech/tags/webgl-face-tracking.md>)

### AI overview

Tutorial on building a real-time textured 3D face mask by mapping MediaPipe face landmarks onto a Three.js mesh with Threlte.

### Source excerpt

Learn how MediaPipe's face landmarks, Google's canonical face model, and Three.js come together to create a real-time textured 3D face mask.

## Hacking a $15 LED Matrix with an AI Agent, Python, and a Webcam Feedback Loop

DevFeed: [Hacking a $15 LED Matrix with an AI Agent, Python, and a Webcam Feedback Loop](<https://devfeed.tech/articles/hacking-a-15-led-matrix-with-an-ai-agent-python-and-a-webcam-feedback-loop-25167.md>)

Original publisher: [Read original article](<https://www.ivanmorgillo.com/2026/04/27/hacking-a-15-led-matrix-with-an-ai-agent-python-and-a-webcam-feedback-loop/>)

Author: Ivan Morgillo

Published: 2026-04-27T09:24:54Z

Content type: tutorial

Language: en

Sources: [Ivan Morgillo](<https://devfeed.tech/sources/ivan-morgillo.md>)

Topics: [Matrix](<https://devfeed.tech/topics/matrix-org.md>), [Python](<https://devfeed.tech/topics/python.md>), [AI Agent](<https://devfeed.tech/topics/ai-agent.md>), [Bluetooth](<https://devfeed.tech/topics/bluetooth.md>), [Hacking](<https://devfeed.tech/topics/hacking.md>), [Claude](<https://devfeed.tech/topics/claude.md>), [Command-line interface](<https://devfeed.tech/topics/cli.md>), [Three.js webcam](<https://devfeed.tech/topics/three-js-webcam.md>), [Home Assistant](<https://devfeed.tech/topics/home-assistant.md>), [API](<https://devfeed.tech/topics/api.md>)

Tags: [ai-agent](<https://devfeed.tech/tags/ai-agent.md>), [api](<https://devfeed.tech/tags/api.md>), [bluetooth](<https://devfeed.tech/tags/bluetooth.md>), [claude](<https://devfeed.tech/tags/claude.md>), [cli](<https://devfeed.tech/tags/cli.md>), [coding](<https://devfeed.tech/tags/coding.md>), [home-assistant](<https://devfeed.tech/tags/home-assistant.md>), [led](<https://devfeed.tech/tags/led.md>), [python](<https://devfeed.tech/tags/python.md>), [webcam](<https://devfeed.tech/tags/webcam.md>)

### AI overview

A hands-on account of controlling a 32x32 Bluetooth RGB LED matrix from Python. The author moves from the Android app and Home Assistant to the pypixelcolor library, then uses Pillow-generated images and orientation adjustments to render text correctly. The article also introduces Claude as an AI coding agent operating through the terminal.

### Source excerpt

I was at Action (the European equivalent of a dollar store for nerds) when I spotted a B.K. Light LED Pixel Board -- a 32x32 RGB LED matrix with Bluetooth, for about 15 euros. The kind of thing you buy first and figure out later. The official Android app works fine. You type text, pick [...]