Keavon / Brush-Nodes

WebGL node-driven procedural material generator prototype

Home Page:https://keavon.github.io/Brush-Nodes/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Overview

Brush-Nodes is a web-based prototype of a node-based procedural material generator, similar to Substance Designer. The prototype supports building and wiring up a node graph composed of two nodes: Perlin Noise and Blend. The seed and scale can be adjusted for the Perlin noise node and the opacity and blend mode (normal, dissolve, multiply, screen, add, overlay, subtract) can be set on each node. The node graph is built in the DOM with HTML and CSS, while the node compositing pipeline, preview thumbnails, and the final 2D and 3D outputs are implemented in WebGL with custom GLSL shaders for each node's compositing operations. The output node supports base color and height displacement values that can be previewed on the spinning plane.

Usage and Demos

About

WebGL node-driven procedural material generator prototype

https://keavon.github.io/Brush-Nodes/


Languages

Language:JavaScript 83.4%Language:GLSL 12.0%Language:SCSS 4.1%Language:HTML 0.5%