Materializer.app is a free, interactive, node-based procedural material design tool that runs in your web browser!
It was a pet project of mine, and it is not under active development.
If you find any critical bugs feel free to post about it in the Issues page.
The workflow is inspired by Substance Designer, so if you're familiar with with it you should be able to pick up Materializer easily.
In Materializer you create textures by creating a graph of nodes. Each node specifies inputs and outputs. By combining nodes you create interesting shapes and patterns.
At the very end of your graph you should always place an Output node, it will allow you to see what your final texture looks like on a 2D/3D model in the preview window.
To add a node press Space while hovering over the graph edit area.
Materializer's renderer is fully GPU-accelerated, it uses WebGL 2 technology, so if your browser is not up to date, it might not work right!
Chromium-based browsers perform the best, it's highly recommended to use one (e.g. Google Chrome, Brave) if you can. Firefox struggles with high-resolution textures due to excessive copying that it does under the hood but works well for low-resolution.
Support for mobile devices is not planned.
| OS | Browser |
|---|---|
| Windows | Chrome 118+ |
| Linux | - |
| macOS | Chrome 118+ |
Currently there's no specific roadmap and contribution workflow - though if you'd like to contribute, feel free to make a pull request.
Materializer is licensed under the GNU GPL v3 license.