FilterJS

FilterJS is a node-based procedural texture generator, meaning that you will compose your filter, generator, or algorithm to make a texture ­– you name it – out of special blocks. Each filter has two unique blocks: an input image and an output image. The latter one should always be connected to something.

Each node has input pins on the left side and output pins on the right one. You connect output pins with input ones with your mouse. Each pin is also color-coded by its type. Only pins of the same type may be directly connected, though most types will be converted automatically if you try to connect them.

All the available blocks are listed in the left panel, that is split into categories:

• Atomic Math is for dealing simple arithmetic operations;
• Channel Math includes similar operations that are applied for each pixel of a channel;
• Channels include splitting/joining channels to/from RGB and HSV;
• Composing allow you to mask and blend things;
• Drawing allows you to draw simple shapes;
• Fills include solid fills and gradients;
• Inputs allow you to set numeric, color-coded and boolean values for your fiter;
• Noise section includes Perlin and Simplex noise generators;
• Processing includes generic photo adjustments and some advanced features;
• Utils include some functions that might come in handy when dealing with complex filters. For now, it contains only one block: getting an image's aspect ratio.