Graph.ical offline

Graph.ical

A procedural texture authoring application developed for PROCJAM 2018.

The main objective of this project is to have a free, intuitive and efficient graph-based web application for said authoring.

Create procedural height maps for 3D applications.
Procedurally generate a full set of tileable textures (diffuse, normal maps, height maps, specular maps, ...) for 3D applications.
Generate tileable variations from a given tileable texture with very simple patch-based synthesis (graph). Works best with high density textures such as sand, gravels, dirt, ...
Generate a tileable textures from a given non-tileable texture (graph). Works best with highdensity textures such as sand, gravels, dirt, ...
Generate a normal map from a given image (graph).
Combine multiple b/w maps in a single image (graph)
Create complex custom effects to apply to images.
Usable as a prototyping tool for creative coding, without the coding (example, graph)
Generate black and white maps to use in page transitions in websites (example, graph).

Check the wiki.

The application is only supported on Firefox and Chrome as it depends on multiple modern API not available yet on other browsers.
The tool only deals with square textures. There is no plan to support the generation of non square textures.
The tool can currently only generate textures of 1024x1024 pixels.
The color control are currently rather limited, gradient maps have to be provided by the user.

Either create an issue on Github or contact me on Twitter. Please provide the following information when applicable :

Make sure to contact me, either on Twitter or through an issue on Github, so we can discuss the change(s) you'd like to make.

1.3.0 (2021-03-28): Changelog
1.2.2 (2019-01-19): Changelog
1.2.1 (2019-01-12): Changelog
1.2.0 (2018-12-08): Changelog
1.1.0 (2018-11-22): Changelog
1.0.1 (2018-11-17): Changelog
1.0.0 (2018-11-11): First release

	vec3 crgb = texture(intensityMap, uv + p * cdir * 0.5).rgb;
	float cweight = fcc - (crgb.r + crgb.g + crgb.b) / 3.;
	vec3 crgb2 = texture(intensityMap, uv + p * cdir * 1.5).rgb;
	float cweight2 = (fcc - (crgb.r + crgb.g + crgb.b) / 3.) / 2.;
	dir -= cdir * (cweight + cweight2);