[JSConfUS 2013] Steven Wittens: Making WebGL Dance

JSConf
5 HN recommenders · recommended in 5 months, 2013–2021
YouTube
56K views · 13 years ago · talk · intermediate · evergreen

Steven Wittens' JSConf US 2013 talk on how 3D graphics works, framed around WebGL. He builds up vectors, matrices and transformations with animated visuals.

HN rates it as the best visual introduction to the matrix math behind graphics, and says the title undersells it.

“This is, IMHO, quite simply the best presentation I've ever seen on how matrix math relates to graphics programming.”
Shaders & real-time visualsExplorable explanations & visual explanation
#webgl#linearalgebra#3dgraphics#stevenwittens#visualexplanation

7 comments from Hacker News

F
@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
t
@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
s
@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
j
@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
D
@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
D
@DanielRibeiro2013 · in “Making WebGL Dance [video]”
Submitted the video to Hacker News.
RecommendsView on HN
r
@rfnslyr2013 · in “0 to 60 in One Second: Fusing WebGL, CSS 3D and HTML”
Here is the video to accompany the presentation: ▶ this video [30:55]
CitesView on HN