Introduction

What is PLCHLDR?

PLCHLDR is an effortless web-based projection mapping tool that enables artists, designers, and creators to build and control real-time visual experiences directly in their browser.

Whether you're creating immersive installations, live performances, or interactive art pieces, PLCHLDR provides the tools you need to bring your creative visions to life.

How It Works?

This app leverages the power of WebGL and JavaScript to deliver high-performance real-time visuals that run entirely in your web browser. No installation required. No complex software setup. Just open your browser and start creating stunning visual experiences powered by cutting-edge web technology.

Tutorial

Creating shapes

Add shapes to the canvas and fill them with generated effects, images, or video. Pick a rectangle, ellipse, or polygon so the content fits the surface you are mapping.

—Select the effect from the list or open the library dialog to choose from a variety of effects
—Upload images or videos or paste the URL source
—To change the name of the visual or shapes, double click on the names
—You can also duplicate or change the visibility of the shapes

Editor with a mapped shape, effects content, and the shapes panel

Presenting

Take the mapped visual fullscreen in the browser, or open the visual in a new window for a second display or projector. Edit on one screen and output on another.

—The fullscreen and popup window controls are located at the top right corner of the visual
—You can also disable editing mode by clicking on the edit button

Parameters and filters

Each effect exposes sliders, colors and other controls you can change in real time. Apply filters and automate parameters so they move over time.

—Open the automation control by clicking on the parameter label
—Apply filter on the media to make them more alive

Shape parameters, filters, and automation controls

Scenes

Capture the current look as a named scene, then switch between scenes during a set. All media and automation parameters will be preserved

—Add fast or slow transitions between scenes via the dropdown menu
—Pressing the scene button renders the visual from start, allowing captivating visual changes

Scene panel with named slots and a set-scene control

Audio reactivity

Connect a microphone or a virtual audio device so sound can drive automations. Low, mid, and high bands move parameters in time with the audio.

—Choose the 'Audio' value from the automation list
—Fine tune the audio sensitivity and the band-based parameter automation

Audio-reactive visual driven by live input

Changelog

1.0

Version 1.0.0

Initial Release

—Core projection mapping functionality