▣Media input

Bring images, video, webcam and text into the shader as layers — the things you apply effects to. — 5 entries

Moves in browsers that support WebGPU

This device could not render the demo — showing a still

Image Texture이미지 텍스처

Display an image with customizable object-fit modes.

Moves in browsers that support WebGPU

This device could not render the demo — showing a still

Video Texture비디오 텍스처

Display a video with customizable playback and object-fit modes.

Moves in browsers that support WebGPU

This device could not render the demo — showing a still

Webcam Texture웹캠 텍스처

Display a live webcam feed with customizable object-fit modes.

Moves in browsers that support WebGPU

This device could not render the demo — showing a still

Text텍스트

Text with any Google font — multi-line with wrapping, alignment and line height — rendered crisp via a glyph texture.

Moves in browsers that support WebGPU

This device could not render the demo — showing a still

HTML In Canvas캔버스 속 HTML

Render live HTML/DOM content as a WebGPU texture layer via the html-in-canvas API. Requires Chrome Canary with chrome://flags/#canvas-draw-element enabled.