Home

Overview

This site hosts code, demos, and guides for two image processing scripts:

• viaWebGL: A standalone kit lets you quickly run GLSL shaders on an Image or Canvas.
• openSeadragonGL: With openSeadragon and viaWebGL, this plugin lets you run GLSL shaders on many kinds of big zoomable images.

How the code works:

• viaWebGL returns each input as a WebGLRenderingContext.canvas
• Then openSeadragonGL sends the rendered tile to be drawn
  • On the 'tile-drawing' event of OpenSeadragon.Viewer
    • CanvasRenderingContext2D.drawImage(WebGLRenderingContext.canvas)
    • (Sets the WebGL context's canvas directly to the visible tile's 2D canvas)
  • On the 'tile-loaded' event of OpenSeadragon.Viewer
    • HTMLImageElement.src = WebGLRenderingContext.canvas.toDataURL()
    • (Sets the WebGL context's canvas to a string as an image source)

Read the guide to openSeaDragonGL

Get all the code — See the source

Live example Source and Demo

Read the guide to viaWebGL

Get the code — See the source

Live example Source and Demo