HackerTube
HomeLongsLikedHistoryWatch laterCategoriesPlaylistsSettings

[JSConfUS 2013] Steven Wittens: Making WebGL Dance

JSConf5 HN recommenders · recommended in 5 months, 2013-2021
YouTube
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.

Computer graphics & renderingWeb developmentPure mathematics#webgl#linearalgebra#matrices#rendering#visualization

5 comments from Hacker News

@theandrewbailey2021 · in “Ask HN: How to self-learn graphics programming?”

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.

RecommendsView on HN
@seltzered_2018 · in “Ask HN: What is your favourite tech talk?”

#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

RecommendsView on HN
@johnhenry2017 · in “Making WebGL Dance: How, Where, and What to Draw (2013)”

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).

RecommendsView on HN
@Fr0styMatt882016 · in “Scratchapixel: Computer Graphics Programming from Scratch”

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

Strongly recommendsView on HN
@DanielRibeiro2013 · in “Rotating Images”

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

RecommendsView on HN
Siggraph2019 Geometric Algebra1:37:22

Siggraph2019 Geometric Algebra

Bivector
87K views • 7 years ago
Essence of linear algebra preview5:09

Essence of linear algebra preview

3Blue1Brown
2.8M views • 10 years ago
Superpositions, Sudoku, the Wave Function Collapse algorithm.14:28

Superpositions, Sudoku, the Wave Function Collapse algorithm.

Martin Donald
764K views • 6 years ago
The Continuity of Splines1:13:50

The Continuity of Splines

Freya Holmér
1.9M views • 3 years ago
Learn to Paint with Mathematics24:02

Learn to Paint with Mathematics

Inigo Quilez
191K views • 12 years ago
Thinking outside the 10-dimensional box25:13

Thinking outside the 10-dimensional box

3Blue1Brown
3.2M views • 9 years ago
SYMBOLICS S-PACKAGES 3D GRAPHICS AND ANIMATION DEMO29:16

SYMBOLICS S-PACKAGES 3D GRAPHICS AND ANIMATION DEMO

Red Martian
14K views • 13 years ago
I painted a Landscape with Mathematics42:00

I painted a Landscape with Mathematics

Inigo Quilez
812K views • 4 years ago
Making a heart with Maths10:14

Making a heart with Maths

Inigo Quilez
112K views • 9 years ago
The Beauty of Bézier Curves24:26

The Beauty of Bézier Curves

Freya Holmér
2.2M views • 5 years ago
3D Gaussian Splatting - Why Graphics Will Never Be The Same2:12

3D Gaussian Splatting - Why Graphics Will Never Be The Same

IndividualKex
2M views • 3 years ago
Painting a Character with Maths24:46

Painting a Character with Maths

Inigo Quilez
458K views • 5 years ago
Vectors | Chapter 1, Essence of linear algebra9:52

Vectors | Chapter 1, Essence of linear algebra

3Blue1Brown
13M views • 10 years ago
Visualization of Quantum Physics (Quantum Mechanics)14:34

Visualization of Quantum Physics (Quantum Mechanics)

udiprod
2.8M views • 9 years ago
A Swift Introduction to Geometric Algebra44:23

A Swift Introduction to Geometric Algebra

sudgylacmoe
1.1M views • 6 years ago
Hilbert's Curve: Is infinite math useful?18:18

Hilbert's Curve: Is infinite math useful?

3Blue1Brown
2.4M views • 9 years ago
How I animate 3Blue1Brown | A Manim demo with Ben Sparks53:41

How I animate 3Blue1Brown | A Manim demo with Ben Sparks

3Blue1Brown
3.3M views • 2 years ago
Visualizing the 4d numbers Quaternions31:51

Visualizing the 4d numbers Quaternions

3Blue1Brown
5.6M views • 8 years ago
Blender 3.0 Beginner Tutorial - Part 116:43

Blender 3.0 Beginner Tutorial - Part 1

Blender Guru
9.3M views • 4 years ago
Sparse Voxel Octree (SVO) Demo by Jon Olick4:45

Sparse Voxel Octree (SVO) Demo by Jon Olick

Zelexi
191K views • 17 years ago