T08 – Introduction to Live Coding OpenGL Shaders Half Day August 15th 2015, 9.30am-1pm, Room TBA


Shawn Lawson

Associate Professor
Department of Arts


lawsos2 [@] rpi [.] edu

  • Screen-Shot-2015-04-09-at-3.24.20-PM-e1430406546917
  • Screen-Shot-2015-03-04-at-1.09.00-PM-e1430406603663
  • screenShot-e1430406531942
  • ss1-e1430406508460


Live-Coding is a growing field of performance in Europe and North America. In both continents the primary focus of live-coding is audio. This tutorial will be an introduction/crash course into using OpenGL Fragment Shaders for live-coding graphics. We will be using a toolkit designed around WebGL and run in Google Chrome. The contents of the tutorial will be: a brief explanation of the tool, how it’s constructed, and how it works; a brief explanation of which parts of OpenGL will be used, how it works, and some basic functionalities; some simple hands-on coding examples; finally, adding in an audio source with some hands-on examples for some live-coding experience. Any programming experience is helpful but not necessary.


— Roughly Planned —


What is live coding?

Why in a web-browers – getting everyone setup.

How to use interface?

“Hello Shader”

Time and coordinate systems

— coffee in here somewhere —

Simple math and noise

Slightly more complex techniques

Adding in sound responsiveness


live coding IDE

github repository for IDE

link to isea 2015 link to isea international