https://github.com/ema2159/shaderbasedimageprocessing
This practice consists of implementing several image processing algorithms in a 3D scene plane using Three JS and shader materials.
https://github.com/ema2159/shaderbasedimageprocessing
glsl image-processing opengl shaders threejs
Last synced: 2 months ago
JSON representation
This practice consists of implementing several image processing algorithms in a 3D scene plane using Three JS and shader materials.
- Host: GitHub
- URL: https://github.com/ema2159/shaderbasedimageprocessing
- Owner: ema2159
- License: gpl-3.0
- Created: 2021-03-23T07:48:29.000Z (over 5 years ago)
- Default Branch: main
- Last Pushed: 2022-09-20T17:50:25.000Z (almost 4 years ago)
- Last Synced: 2025-03-06T17:35:20.870Z (over 1 year ago)
- Topics: glsl, image-processing, opengl, shaders, threejs
- Language: JavaScript
- Homepage: https://ema2159.github.io/shaderBasedImageProcessing/
- Size: 4.32 MB
- Stars: 2
- Watchers: 3
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.org
- License: LICENSE
Awesome Lists containing this project
README
#+TITLE: Shader-based image processing
#+CREATOR: Emmanuel Bustos T.
#+OPTIONS: toc:nil
This project implements several image processing algorithms using GLSL. Such algorithms are displayed in a series of 3D scenes rendered in the web browser using Three.js.
The algorithms implemented are the following:
- Hue shift transformation
- 2D kernel Gaussian filter
- Laplace filter
- Combined Laplace and Gaussian filters
- Image arithmetic
- Image scaling
- Median filter
- Separable Gaussian filter
The scenes in question have a GUI that allows to control the different parameters of the implemented algorithms. The scene in question looks as follows:
#+CAPTION: Sample scene
[[./screenshots/scene.png]]
The algorithms can be checked [[https://ema2159.github.io/shaderBasedImageProcessing/Exercise2/index.html][here]].