zhangf911 / shaderninja

3D Game WebGL Shader Editor

Shader Ninja

Friendly 3D Game Shader Editor based on three.js and glslEditor.

It was designed to help game programmers quickly iterate over shader development. With this tool you don't need to create a scene, material, shader, .cs files, etc. You only focus on the shader, just type in the editor and everthing will be live updated.

Try it online

Examples

Some of the features

• Real-time updating

• DepthTexture

• Custom Render Pass

• Texture inspector

• Inline Color picker and 3D vector picker for '''vec3''

• Inline Trackpad for '''vec2'''

• Slider for floats

• Inline error display

Electron Version

When developing use this to automatically reload Electron on every change

npm run dev

For use just do:

npm run start

TODOs

• Twitter sharing options
• Facebook sharing options
• Auto Save
• Cube Map
• Custom 3D Model
• Custom Lightning

Author

Shallway

This is my first javascript project(>_<). If you have any feedback, ideas or issues please feel free to contact [email protected] or create an Issue on Github.