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: about 1 month 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 1 year ago)
• Default Branch: master
• Last Pushed: 2023-11-19T06:06:02.000Z (about 1 year ago)
• Last Synced: 2023-11-20T05:19:18.562Z (about 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://materializer.app) is a free, interactive, node-based procedural material design tool that runs in your web browser!

It's currently in heavy development, so it lacks many features and might contain bugs, but you can already head over to [materializer.app](https://materializer.app) and play with what it's already got.

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 get 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 3D model in the preview window.

To add a node press `Space` when hovering over the graph.

![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+, Firefox 119+ |

| Linux   | -                         |

| macOS   | -                         |

## Contributing

Currently there's no specific roadmap and contributing workflow, 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.