Demystifying Shaders: Unlocking the Magic Behind Stunning Graphics

Welcome to the SkyShader repository! This repository showcases a simple Sky Shader effect implemented using React, Three.js, and GLSL.

Read the full blog post on Salvatore Labs Blog.

To get started, make sure you have the following prerequisites installed:

• Node.js
• npm
• npx

Installation

Clone the project repository from GitHub:

git https://github.com/salvatore356/WaterShader.git

Navigate to the project directory:

cd WaterShader

Install the necessary dependencies:

npm install

Usage

To start the development server and view the app in your browser, run the following command:

npm start

This will open your browser and load the app at http://localhost:3000. You will be able to interact with the 3D scenes and navigate between different worlds using the portals.

Acknowledgements

We would like to express our gratitude to the creators and contributors of React, Three.js, GLSL, Shadertoy and the Leva library. Their fantastic work and open-source contributions enable us to create captivating shader effects and push the boundaries of visual experiences.

We hope you enjoy exploring the SimpleShader repository and find inspiration to create your own stunning shader effects. Happy coding!