Simple GLSL code editor with realtime 3D preview.

The project was initialized during OpenGL learning sessions to have a betterunderstanding of GLSL shaders with realtime preview. There are already a couple ofweb solutions online, but I wanted a native application for Windows and Linux withan export function to use my shaders also in other projects and to have the abilityto extend the application and make backups of my shader projects.

1.7.10 - 1.14.4Sildur's shaders PC/MAC/INTEL Vibrant shaders v1.262 released! (December 4, 2019) Search Search all Forums Search this Forum Search this Thread Tools. Edit: actually the shading is a little different elsewhere, it's especially visible on sand. Best free online mmo games for mac. Thx for reporting fixed now, gonna edit the main post in a sec. Shade transforms your device into a professional node-based shader editor. Build stunning, connected shader graphs that render in real time.

Warning

The application is in a very early state. Upcoming changes may break your projects!

Releases

See CHANGELOG.md for detailed release notes.

Build

You need the following libraries:

  • Qt5 Core, Gui, Widgets, OpenGL - 5.13.0
  • Boost Libraries - 1.69
  • OpenGL Mathematics (GLM) - 0.9.9

See CMakeLists.txt for further instructions.

Usage

The whole editor should be quite intuitive. On the left side you can find the3D preview, on the other side is the code section. The output log is positioned at thebottom of the main window.

Glsl shader editor

The 3D viewport can be controlled with the mouse. Left mouse button rotates the object.Keep middle mouse pressed and move up and down the mouse to translatethe model back and forth. With the right mouse button pressed you can move the camera.

Note the gear icon at the bottom right corner of the code editor. You mayselect textures (tex0 - tex3) for the four predefined sampler2D uniforms, whichmay be used for albedo, normal, metalness and roughness for example. In futureversions could be more than the four predefined slots, so you can add themdynamically as needed.

Keyboard Shortcuts

CommandDescription
Ctrl + RCompile shader code and apply to 3D scene.
Ctrl + Alt + RToggle realtime compilation.
Ctrl + SSave currently opened project.
Ctrl + LToggle log output view.
Ctrl + -/+Zoom text in code editors.

Shader Variables

The following predefined shader variables are supported as of version 1.2.0:

Vertex Shader

  • in vec3 position
  • in vec3 normal
  • in vec2 uv

Fragment Shader

  • uniform sampler2D tex0
  • uniform sampler2D tex1
  • uniform sampler2D tex2
  • uniform sampler2D tex3

Uniforms (All Shaders)

  • uniform float time
  • uniform vec2 resolution
  • uniform mat4 modelMat
  • uniform mat4 viewMat
  • uniform mat4 projectionMat