Unveiling the Magic of Gaussian Blur: A Smoother World of Images

Welcome to the Gaussian Blur repository! This repository showcases a simple Gaussian Blur effect implemented using React, Three.js, and GLSL, also this include a C++ version in the cpp folder.

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/gaussian-blur.git

Navigate to the project directory:

cd gaussian-blur

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

Upon following these instructions, your web browser will be launched, and the application located at http://localhost:3000 will be loaded. Within the application, you'll have the opportunity to engage with a 3D scene and explore various kernels to apply Gaussian blur effects.

Acknowledgements

We would like to express our gratitude to the creators and contributors of React, Three.js, GLSL 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 Gaussian Blur repository and find inspiration. Happy coding!