[JSConfUS 2013] Steven Wittens: Making WebGL Dance
JSConf5 HN recommenders · recommended in 5 months, 2013-2021
56K views · 13 years ago · talk · evergreen
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.
1:37:22Siggraph2019 Geometric Algebra
Bivector
87K views • 7 years ago
5:09Essence of linear algebra preview
3Blue1Brown
2.8M views • 10 years ago
14:28Superpositions, Sudoku, the Wave Function Collapse algorithm.
Martin Donald
764K views • 6 years ago
1:13:50The Continuity of Splines
Freya Holmér
1.9M views • 3 years ago
24:02Learn to Paint with Mathematics
Inigo Quilez
191K views • 12 years ago
25:13Thinking outside the 10-dimensional box
3Blue1Brown
3.2M views • 9 years ago
29:16SYMBOLICS S-PACKAGES 3D GRAPHICS AND ANIMATION DEMO
Red Martian
14K views • 13 years ago
42:00I painted a Landscape with Mathematics
Inigo Quilez
812K views • 4 years ago
10:14Making a heart with Maths
Inigo Quilez
112K views • 9 years ago
24:26The Beauty of Bézier Curves
Freya Holmér
2.2M views • 5 years ago
2:123D Gaussian Splatting - Why Graphics Will Never Be The Same
IndividualKex
2M views • 3 years ago
24:46Painting a Character with Maths
Inigo Quilez
458K views • 5 years ago
9:52Vectors | Chapter 1, Essence of linear algebra
3Blue1Brown
13M views • 10 years ago
14:34Visualization of Quantum Physics (Quantum Mechanics)
udiprod
2.8M views • 9 years ago
44:23A Swift Introduction to Geometric Algebra
sudgylacmoe
1.1M views • 6 years ago
18:18Hilbert's Curve: Is infinite math useful?
3Blue1Brown
2.4M views • 9 years ago
53:41How I animate 3Blue1Brown | A Manim demo with Ben Sparks
3Blue1Brown
3.3M views • 2 years ago
31:51Visualizing the 4d numbers Quaternions
3Blue1Brown
5.6M views • 8 years ago
16:43Blender 3.0 Beginner Tutorial - Part 1
Blender Guru
9.3M views • 4 years ago
4:45Sparse Voxel Octree (SVO) Demo by Jon Olick
Zelexi
191K views • 17 years ago
5 comments from Hacker News
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 ▶ this 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.
#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 - ▶ this 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
IT's worth linking directly to the talk: ▶ this video (Also, after the first few slides in the animation, there are some pretty cool animations).
In addition to the recommendation by lastofus, I highly highly recommend this presentation: ▶ this 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
Another very good overview of rendering algorithms was given by Steven Wittens on his Making Webgl Dance [1, 2] [1] slides: link [2] video: ▶ this video