Virtual Background

Adds background removal and greenscreen video features to Playcanvas

The Virtual Background component for Playcanvas adds AI automatic background removal with the use of Mediapipe and green screen Chromakey rendering mixed with background images.

The component takes video or image elements as a source input. Or image and video assets as textures configuring a texture directly.

The only other input required is the meshInstance supplying a material to add a canvas display texture to and a background image for mixing with the source and the mask.

The feature uses efficient background GPU rendering for mixing sources with the Mediapipe mask and background image. And applied to the main canvas texture using efficient bitmap rendering where supported.

Safari Ventura and below cannot support GPU contexts with offscreen canvas tasks so a normal canvas can be used but with efficient bitmap rendering.


Request a free trial

Try the feature for 30 days. Free support is provided. Provide your website domain(s) it will be used for.