Skip to content
HHackerTube.videoSurprise me

[JSConfUS 2013] Steven Wittens: Making WebGL Dance

[JSConfUS 2013] Steven Wittens: Making WebGL Dance on HackerTube: recommended by 5 Hacker News commenters across 5 separate months, 2013–2021.

JSConf

talk · intro · evergreen

Open on YouTube

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.

Why Hacker News recommends it

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.

people recommended it
5
separate months
5
strong recommendations
1
discussed on HN
2013–2021
“It's a fantastic, FANTASTIC tour of 3D graphics fundamentals.”
— Fr0styMatt88, May 2016, in “Scratchapixel: Computer Graphics Programming from Scratch”

What HN commenters said

5 Hacker News comments link this video. Each one links back to its thread.

Fr0styMatt88May 2016Strongly recommends

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]

in “Scratchapixel: Computer Graphics Programming from Scratch” · View on HN

theandrewbaileyFeb 2021Recommends

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.

in “Ask HN: How to self-learn graphics programming?” · View on HN

seltzered_Apr 2018Recommends

#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

in “Ask HN: What is your favourite tech talk?” · View on HN

johnhenryNov 2017Recommends

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 “Making WebGL Dance: How, Where, and What to Draw (2013)” · View on HN

DanielRibeiroAug 2013Recommends

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

in “Rotating Images” · View on HN

Topics & tags

Computer graphics & renderingWeb developmentPure mathematicswebgllinear algebramatricesrenderingvisualization