Skip to content

Graphic interface to create a pipeline to detect edges in a webcam stream, images or videos.

Notifications You must be signed in to change notification settings

antonWetzel/edgeDec

Repository files navigation

edgeDec

Overview

Website to run and display different WebGPU compute shaders chained together. Works with Chrome Canary, Firefox Nightly is missing WebGPU functions.

Elements

Usage

Drag an element to move it, to move all elements drag the background. To create a connection drag an element with Ctrl pressed and drag the connection to the destination. If the connection already exist it will be removed instead.

Inputs

Inputs use the webcam or files as external sources without other elements as inputs or other parameters. The display size can be changed with the mouse wheel. Supported file formats are png, jpg, jpeg and jfif for images and mp4, m4v and webm for videos.

Shaders

Predefined shaders calculate there result with a predefined program and one or more inputs. Click the shader with Ctrl to edit parameters for some shaders.

Matrix shaders calculate there result with a convolution matrix, one input and zero parameter. - and + change the matrix size and ~ changes the result normalization to respect negative results.

Displays

Displays draw one input to the screen, they can be used as an input again. The display size can be changed with the mouse wheel.

Templates

Templates add multiple shaders and connect them. They have no differences to manual added shaders.

Keys

C to switch the display style