Tag: WebGL

This category lists image processing tutorials that provide WebGL source code. The WebGL library provides highly efficient interaction with 2D and 3D images in a web browser. This makes it possible to create advanced graphics algorithms without the need for plugins.

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 is and how to use it in computer graphics and…

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 that finds application in many graphics tools and tasks. Interactive…

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 that results in a blurry image. Interactive Preview: Online Image…

In: Image Processing, Programming
Fast edge detection with OpenGL/WebGL

In this article we will describe how to implement a pretty fast image edge detector using OpenGL shader code. Edge detection is a major task in many image processing algorithms and is great if we…

In: Image Processing, 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 edges, corners, or objects of interest. In this article, we’ll…

In: Image Processing, Programming
Fast image blur filter with OpenGL/WebGL

In this post, we implement a simple but fast algorithm for image blur filter with WebGL / OpenGL. The GL shader code in this article implements the average or box smoothing using GPU parallel processing.…

In: Image Processing, Programming