ShaderEditorHTML5

Shader Editor prototype

Online Demo

Special features:

• expression editing
• automatic layout

Regular features:

• realtime preview of any node
• PBR (metallic/roughness) shader
• texture, math and function nodes
• autocomplete resource selection
• calculator for entered values
• some sample textures are included

Some GIFs:

Credits:

• main programming & UI design: Arvīds Kokins
• Editor:
  • UI framework: Wabi
  • Noise generator
  • Font Awesome
• Resources:
  • Cubemap: Venice Dawn 2 from HDRI Haven
• Cubemap converter:
  • stb_image.h
  • tiny_jpeg.h