I would like an article on how he made the interactive animations in the article.
It's almost like being able to hold the part in your hands, examine the reasoning behind its structure and "debug" your mental model of it by playing its operation back and forth.
We also had really large blocks, because someone dropped one on my head.
"Just bare webGL, it’s not that many lines of code to setup and it gives me complete control over what I want to render" https://twitter.com/BCiechanowski/status/1388504529646211076...
It seems parts of it are auto-generated like all those co-ordinates. But then some parts appear as if they are hand-coded.
I also noticed that other program texts are getting assigned to variables (example "line_vert_src"). Could someone please describe what's going on?
That explosion animation is absolutely mind-blowing. Goes to show what can be achieved if someone focuses their attention to a topic to understand it in depth and explain it at the same depth.
These are fragments of code in "OpenGL ES Shading Language", passed to WebGL. See for instance [0] for a tutorial.
[0] https://developer.mozilla.org/en-US/docs/Web/API/WebGL_API/T...
He doesn't even use any libraries for the 3d math, input, rendering, etc. Pretty inspiring.
> [...] We’ve barely scratched the surface of optics and camera lens
A real genius certainly, but, I'm always doing this; bad choice of metaphor here!
Or a funny one.
> While reliable and easy to direct, a cannon ball won’t be very effective at pushing the crank
This is even better, I will bookmark it as an example.
Crazy that no one’s made this before
I was looking at this when I went to bed, and though the subject matter isn't completely new to me I was enthralled by the execution and stayed up and read all of it...
Absolutely LOVE the way this has been put together, it really speaks to me of beauty in simplicity, at least from the visual perspective!
Yes. This is what Web Pages should have been. Simple, Clear, with Animation to help with certain demonstration. He could have been add an ad at the bottom if it needs to be. A Web page with added on interactivity.
Instead we got Web Apps.
This page summarizes pretty good what web technology is capable of, when in the hands of a real professional.
---
Ok, I just realized this is from Bartosz Ciechanowski, and this reminded me of the Cameras and Lenses [1] article which I've seen recently. It was the same kind of quality.
This man is a real genius.
[1] https://ciechanow.ski/cameras-and-lenses/