[JSConfUS 2013] Steven Wittens: Making WebGL Dance
JSConf5 HN recommenders · 2013–2021
56K views · talk · evergreen · Uploaded 2013-08-05
Steven Wittens' JSConf US 2013 talk on drawing with WebGL, using animated visuals to walk through vectors, matrices and the rendering pipeline. Despite the title, it works as a visual primer on the linear algebra behind 3D graphics.
HN treats it as one of the best intros to the math of 3D graphics and a staple answer to how to learn graphics programming.
9:52Vectors | Chapter 1, Essence of linear algebra
3Blue1Brown
19:42But what is the Fourier Transform? A visual introduction.
3Blue1Brown
26:53What the heck is the event loop anyway? | Philip Roberts | JSConf EU
JSConf
24:26The Beauty of Bézier Curves
Freya Holmér
36:45Rich Harris - Rethinking reactivity
You Gotta Love Frontend
1:13:50The Continuity of Splines
Freya Holmér
39:49Lec 1 | MIT 18.06 Linear Algebra, Spring 2005
MIT OpenCourseWare
3:36elevated by Rgba & TBC | 4k intro (FullHD 1080p demoscene demo)
Demoscene High-Quality Videos (Annikras)
5 comments from Hacker News
Another very good overview of rendering algorithms was given by Steven Wittens on his Making Webgl Dance [1, 2] [1] slides: [LINK] [2] video: [VIDEO]
In addition to the recommendation by lastofus, I highly highly recommend this presentation: [VIDEO] Despite the title, the talk is NOT WebGL specific. It's a fantastic, FANTASTIC tour of 3D graphics fundamentals. This is, IMHO, quite simply the best presentation I've ever seen on how matrix math relates to graphics programming. Also see Stevens' site: [LINK] Side note - There are some great pages there, be sure to check this one out if you're at all interested in how math is applied to animation: [LINK]
IT's worth linking directly to the talk: [VIDEO] (Also, after the first few slides in the animation, there are some pretty cool animations).
#Softwarish - I'm biased a bit more towards interface development: greg wilson - What We Actually Know About Software Development, and Why We Believe It’s True - [LINK] steve wittens - making webgl dance - the title is deceptive, it's in some ways a visual crash course in linear algebra - [VIDEO] glenn vanderburg - software engineering doesn't work - [LINK] chris granger - in search of tomorrow - [LINK] alan kay - tribute to ted nelson at intertwingled fest - [LINK] bret victor - this is already mentioned but if I had to pick one it'd be 'the humane representation of thought' - [LINK] #Hardwarish: saul griffith - soft, not solid: beyond traditional hardware engineering - [LINK] deb chachra - Architectural Biology and Biological Architectures - [LINK] #Getting more meta in technology and history: James Burke - Connections
I was sort of at the same place at one time. I found a presentation years ago that would have helped, so here you go: Steven Wittens: Making WebGL Dance [VIDEO] It doesn't actually get into the math until about 12 minutes in, but it might be illuminating. Matrixes, vectors, and how they are multiplied with each other are the fundamental magic of 3D graphics.