https://github.com/adamwych/materializer

Free, interactive, node-based procedural material design tool.
https://github.com/adamwych/materializer

open-source tools typescript webapp webgl

Last synced: 13 days ago
JSON representation

Free, interactive, node-based procedural material design tool.

• Host: GitHub
• URL: https://github.com/adamwych/materializer
• Owner: adamwych
• License: gpl-3.0
• Created: 2023-10-25T21:52:08.000Z (over 2 years ago)
• Default Branch: master
• Last Pushed: 2023-11-19T06:06:02.000Z (over 2 years ago)
• Last Synced: 2025-03-02T14:47:45.509Z (over 1 year ago)
• Topics: open-source, tools, typescript, webapp, webgl
• Language: TypeScript
• Homepage: http://materializer.app
• Size: 17.1 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          


    



# Welcome to Materializer

[Materializer.app](https://adamwych.github.io/materializer/) 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](https://github.com/adamwych/materializer/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.

## Getting started

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.

![Screenshot of the application showing an example graph](.github/screenshot.png)

## Supported platforms

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+               |

## Contributing

Currently there's no specific roadmap and contribution workflow - though if you'd like to contribute, feel free to make a pull request.

## License

Materializer is licensed under the [GNU GPL v3](https://github.com/adamwych/materializer/LICENSE) license.