Instructional material for the Computer Graphics course at UFRJ (Federal University of Rio de Janeiro)

Claudio Esperança

Canvas primer

Canvas primer II

SVG Intro

Minimal WebGL Program

WebGL primer with regl

Shadertoy style drawing

Transformation demo

Modelview Demo

Model, View and Projection Demo

WebGL Cube

Catmull Clark Subdivision

Three.js basics

Phong Illumination model

Half-edge data structure

Iterated Function Systems

Raytracing

Textured sphere

Environment mapping

Physical animation with shape matching

Shape matching

2D GJK and EPA algorithms

Omohundro balltree construction algorithms

Platonic Solids Playground

Elliptic billiards 3-periodics in space-time

3D Labyrinth

Brush drawing

Bump mapping

Fractal Terrain

Model viewer

Keyframe animation

Textured plane

Simple Adaptive Mosaic Effects

Wallpaper Groups

Ray marching

Volume rendering with slice compositing

Displaying 3D RBFs with ray marching

Funções 2D úteis

Random space-filling curves

GPU-IO

3D Apollonian Sphere Packings

Circle inversion fractals

Apollonian gasket construction by inversion

Smooth Polygon

Document image segmentation

B-Splines

Stencil buffer

Noise Loops

Simplex noise exerciser

Deformation with RBFs

Random shapes in a grid

Hobby curves

Lane-Riesenfeld subdivision

Particle Physics

Computer Graphics

Great explanation, example, and exposition of the code necessary for setting this up. I was looking for a way to do shadertoy style drawing in Observable and I found that, and a great little article with it right here :)

Elliot