Tag: WebGL

Explore a curated collection of posts featuring GLSL source code, with a focus on innovative image processing algorithms and beyond. Discover techniques, tutorials, and creative applications that harness the power of WebGL to enhance your graphics programming skills.

Posts Collection

Image Convolution Guide

Convolution is a mathematical operation that is an essential part of digital signal processing and computer vision algorithms. This guide will look at what convolution…

Learn more: Image Convolution Guide

In: Image Processing
Algorithms for RGB to Grayscale conversion

This article looks at various algorithms by which we can convert an RGB image to grayscale color. Gray color space is a common image representation…

Learn more: Algorithms for RGB to Grayscale conversion

In: Image Processing
Gaussian filter in OpenGL/WebGL

This sample source code below shows how to implement Gaussian blur filter in OpenGL (WebGL) shading language. This is a popular algorithm in computer graphics…

Learn more: Gaussian filter in OpenGL/WebGL

In: Programming
Fast Edge Detection with OpenGL/WebGL

In this article, we will explore how to implement a fast image edge detector using OpenGL shader code. Edge detection is a crucial component in…

Learn more: Fast Edge Detection with OpenGL/WebGL

In: Programming
Fast Peak Detection for 2D Images via GL Shader

Peak detection is a fundamental task in image processing that allows us to extract key information from images. It helps us identify significant points like…

Learn more: Fast Peak Detection for 2D Images via GL Shader

In: Programming
Fast Image Blur Filter with OpenGL/WebGL

In this post, we will implement a simple yet efficient algorithm for an image blur filter using WebGL/OpenGL. The GLSL shader code presented here applies…

Learn more: Fast Image Blur Filter with OpenGL/WebGL

In: Programming