Imaginando Visual Synthesizer: Creating and Editing Custom Materials

Watch this tutorial from Imaginando to learn how to create a new material, use GLSL shader language, and how to port/convert shaders across from popular shader websites like Shadertoy, ISF and GLSL Sandbox in VS – Visual Synthesizer.

Learn how VS’ Material editor works, the specific format required to create shaders and also how to port/convert shaders across from popular shader websites like Shadertoy, ISF and GLSL Sandbox.

Clone and edit your first material in VS, using GLSL shader language to render a simply circle, then learn how to take a shader from GLSL Sandbox and convert it to work with VS – Visual Synthesizer.

00:00 Intro
00:30 Clone an existing material
00:43 Material text editor
01:00 What is a GLSL Fragment shader?
01:24 The Book Of Shaders Web resource
02:33 Pasting Circle code in VS editor
02:50 VS Material Manifest
04:07 Editing code in VS
05:16 Normalizing the render origin with ‘texCoord’ variable
07:22 Declaring a radius parameter
09:22 Declaring x and y parameters
12:30 Color brightness and opacity parameters
14:52 Save and rename
15:31 Default color
16:35 How to port existing shader code (GLSL sandbox)
19:40 Ring shader code
21:11 Configure drawing origin point
23:29 Playing with variables – Happy little accidents
25:00 Setting min/max parameter values
27:22 Brightness/color/alpha parameters
29:31 Final material – author details

The Book of Shaders – https://thebookofshaders.com/

ShaderToy – https://www.shadertoy.com/

Interactive Shader Format editor – https://editor.isf.video/

GLSL Sandbox editor – https://glslsandbox.com/