This little laboratory is inspired by Conal Elliot's paper Functional Images
This is a port in javascript of an old java applet I wrote in 2009, given that applets are more and more difficult to run in modern browsers.
filab generates grayscale images, by defining a function (or a series of functions)
from 2D space to gray level.
To achieve this, a graph is made of modules connected together.
There are 5 types of modules :
-
Frame : a module that generates 2D points
-
Warp : a module that transforms the 2D points
-
Image : a module that converts the 2D points into gray level
-
Effect : a module that transforms the gray level
-
Display : a module that produces an image
-
To add a module to the graph, drag it from the palette (on the left) to the work space.
-
To set a link between two modules, click on one connector and drag a line to another one. Round connectors represent 2D points. Square connectors represent gray level values. You can only set a link between connectors of the same kind.
-
From a bottom connector (producer), you can draw many links.
-
A top connector (provider) can receive only one link.
-
To remove a link, draw a line from the top connector to nothing.
-
To scroll the workspace, click in the background and drag.
-
A valid graph must start with at least one Frame module, and end with a Display module. Modules not connected to the graph are ignored.
- When the graph is ready, click the
Runbutton.
You can export the graph into a json file.
You can import a json file, by dropping it to from the computer desktop to the workspace.
-
demo 5
-
demo 6
-
demo 7
-
demo 10
-
demo 23
-
demo 24
