tomaszrewak/imageinspector

Visualizing WebGL filters

ImageInspector

Image inspector is a simple website that can be used to visualize custom webgl filters applied on an uploaded image.

The working example can be found here.

A few words about the project can be found here.

The website allows you to create custom layers by modifying predefined vertex and fragment shaders. You can also inspect the exact value calculated at the specific location simply by hovering the cursor over the selected pixel.

The project is written in: TypeScript + React.js + WebGL + Ace editor.

To build the project run the npx webpack command. Generated files should appear in the dist/ folder.