Welcome to the WaterShader repository! This repository showcases a simple Water 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
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
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 scene.
water.shader.mp4
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 WaterShader repository and find inspiration to create your own stunning shader effects. Happy coding!