Sunday, December 22, 2019

Book of Shaders- Second Shader on Randomness(chaos)

In this post I have shared a shader I found on the "Book of Shaders" site. I selected a shader on randomness. You can easily lookup the code of this shader by right clicking and selecting inspect. Now this is something you do very often to inspect your DOM from the browser. And some more advice to you is to experiment with Three.js that I used to render the shader.

Book of Shaders- Shader in Blogger

Hi There, I have used Three.js and posting some shader from the site: Book of Shaders This is the vertex shader used here:
        void main() {
            gl_Position = vec4( position, 1.0 );
        }
and this is the corresponding fragment shader:
        uniform vec2 u_resolution;
        uniform float u_time;

        void main() {
            vec2 st = gl_FragCoord.xy/u_resolution.xy;
            gl_FragColor=vec4(st.x,st.y,0.0,1.0);
        }
For some strange reason my code for this post is interfering with the code of the other post. I am really sorry about my lack of understanding of the nuances of HTML/CSS/JS. Swalpa Adjust Maadi(Adjust a little) and view this post individually.