Skip to content
0:00 / 0:00

#webgl#linearalgebra#matrices

[JSConfUS 2013] Steven Wittens: Making WebGL Dance

JSConf

286K subscribers • 28 videos on Hallway

YouTube
  • Recommended by 5 people: 5 on Hacker News.
  • A classic. People kept recommending it from 2013 to 2021.
  • Presented by Steven Wittens
  • May be out of date. Uploaded 13 years ago, in an area where tools change fast.

Intermediate. Assumes working knowledge.

56K views13 years ago5 recommendations

Graphics and audioWeb developmentRenderingGPUs, shaders and CUDAMath for programmers

Steven Wittens uses animated visuals to explain vectors, matrices, and the rendering pipeline behind 3D graphics.

The uploader added no description.

Why it's here

5 people recommend this

What people say. Highly recommended as one of the best visual introductions to how matrix math relates to computer graphics.

Fr0styMatt88on Hacker News • Recommends

On “Scratchapixel: Computer Graphics Programming from Scratch”

In addition to the recommendation by lastofus, I highly highly recommend this presentation: link to 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

DanielRibeiroon Hacker News • Recommends

On “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: link to this video

johnhenryon Hacker News • Recommends

On “Making WebGL Dance: How, Where, and What to Draw (2013)”

IT's worth linking directly to the talk: link to this video (Also, after the first few slides in the animation, there are some pretty cool animations).

seltzered_on Hacker News • Recommends

On “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 - link to 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 -…

theandrewbaileyon Hacker News • Recommends

On “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 link to 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.

programming-talkscurated list on GitHubMentions

Under “Computer Graphics and Vision”

Making WebGL Dance 00:30:55 by **Steven Wittens** (2013)