https://github.com/archo5/shadereditorhtml5

a HTML5-based shader editor prototype
https://github.com/archo5/shadereditorhtml5

game-development graphics graphics-programming html5 prototype shader shader-editor webgl

Last synced: 11 months ago
JSON representation

a HTML5-based shader editor prototype

• Host: GitHub
• URL: https://github.com/archo5/shadereditorhtml5
• Owner: archo5
• License: mit
• Created: 2018-06-06T07:19:30.000Z (almost 8 years ago)
• Default Branch: master
• Last Pushed: 2018-06-06T07:39:27.000Z (almost 8 years ago)
• Last Synced: 2025-04-18T19:40:56.588Z (11 months ago)
• Topics: game-development, graphics, graphics-programming, html5, prototype, shader, shader-editor, webgl
• Language: C
• Size: 848 KB
• Stars: 27
• Watchers: 3
• Forks: 7
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          
## Shader Editor prototype

[Online Demo](http://archo.work/ShaderEditorHTML5/shaderedit.html)

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:

![Expression editing 1](http://archo.work/ShaderEditorHTML5/gifs/se_expredit.gif)

![Expression editing 2](http://archo.work/ShaderEditorHTML5/gifs/se_expredit2.gif)

![Pick resource](http://archo.work/ShaderEditorHTML5/gifs/se_pickres.gif)

![Calculator](http://archo.work/ShaderEditorHTML5/gifs/se_typecalc.gif)

Credits:

- main programming & UI design: [Arvīds Kokins](http://archo.work/)

- Editor:

  - [UI framework: Wabi](https://github.com/tenjou/wabi)

  - [Noise generator](https://github.com/josephg/noisejs)

  - [Font Awesome](https://fontawesome.com/)

- Resources:

  - [Cubemap: Venice Dawn 2 from HDRI Haven](https://hdrihaven.com/hdri/?c=urban&h=venice_dawn_2)

- Cubemap converter:

  - [stb_image.h](https://github.com/nothings/stb)

  - [tiny_jpeg.h](https://github.com/serge-rgb/TinyJPEG)