drapisarda / workshop-webgl-glsl

A workshop on WebGL and GLSL

workshop-webgl-glsl

A masterclass workshop about advanced graphics programming techniques with WebGL and GLSL

This repo contains the source code for my Frontend Masters Advanced Creative Coding: WebGL and Shaders workshop.

Contents

• 📚 Guides

  • Intro to the Command-Line

  • Intro to Node.js and npm

  • Intro to canvas-sketch

  • Intro to GLSL Syntax

  • Intro to glslify

• 📖 Interactive Book

  • WebGL & GLSL — A Primer

• 🔥 Demos

  • canvas-sketch

  • ThreeJS Demos

  • Kusama Spheres (run locally)

• 🔧 Tools & Prerequisites

  • node@8.x and npm@5.x or higher (see here on how to install)

  • canvas-sketch-cli@1.11.4 or higher (see here on how to install)

• ⚡ Code Snippets

  • Snippets used in the Workshop

• ️️️📦️ Some Suggested npm Modules

  • Modules for Creative Coding

• ✨ More Resources

  • Further Reading