Web tool that helps in the creation of shaders. ShaderToy.


Posted July 27, 2024 by Timache

Tool, the main feature of which is creating shaders that can be later used on your own website. Support both vertex and fragment shaders.

 
This online editor performs actions to display on canvas the work of your shaders. The key feature of this editor is that, together with the fragment shader, you can also edit the vertex shader. Provided that you understand linear algebra, matrices, and vectors.
This tool was created to solve such tasks as:

* Creating GLSL shaders for further use
* Creating canvas elements that can be inserted into any website.
* Check if the shader even works.
* Sharpening your math skills and knowledge

This tool can be useful when checking if your shader works or not. Also provided functionality for editing vertex shaders, which can be very useful in terms of flexibility and creativity. No other tool on the web provides such functionality.
All your results in Canvas are visible on the website, which you can later embed on your own website. Just follow the instructions on the tools page.

It is actively developing. I plan to add:

* Ability to choose WebGL version 1 or 2
* Improve UX/UI design for the save button and error output.
* Ability to name saves
* Adding texture support
* Adding keybinding

It is important to consider the following 'features' when working with a tool:.

* Texture is not implemented yet.
* There are 3 built-in uniforms.
* vec2 u_time is the time since the page started loading.
* vec2 u_resolution is the width and height of the canvas.
* vec2 u_mouse It is an x and y mouse coordinate relative to the canvas.
* If you made changes to the shader and updated it, but nothing happened, check if it's paused.
* Text input fields require numbers separated by commas.
* Not all shaders in the shader library are mine.

In conclusion, I would love to say that this tool may be my best tool among many others. And I have really big plans for it.
I hope you will find this tool useful too.
-- END ---
Share Facebook Twitter
Print Friendly and PDF DisclaimerReport Abuse
Contact Email [email protected]
Issued By TimTheWebmaster
Country Belarus
Categories Open Source , Web Development
Tags shader , vertex shader , fragment shader , shader editor
Last Updated July 27, 2024