News for hackers. Stuff that matters.
Re:Inside the miracle of modern chip manufacturing by jyunwai on Saturday March 02, 2024 @08:14PM (#39577441)
Would anyone know the general steps to making an interactive webpage like this? I tried to take a peek by opening the Web Inspector and scrolling to see what changed, but couldn't uncover anything definitive.

The general technique I can identify is that the webpage uses an approach called "scrollytelling" (also noted by the references to "scrolly" from the Web Inspector) to make the animation advance in reaction to the user scrolling down.

For the pictured objects, I assume that an animation team (likely a bit separate from the web development team) created the assets. But I wonder how the developers then made sure that each object enlarged at the proper rate as the user scrolled down (and also made sure that the scaling worked properly upon changing the width of the window).

Re:Inside the miracle of modern chip manufacturing by thorncorona on Saturday March 02, 2024 @08:28PM (#39577532)
Re:Inside the miracle of modern chip manufacturing by samlearner on Monday March 04, 2024 @08:56AM (#39590523)
We're not scrubbing over a pre-rendered animation here. We're using a library called threejs (a WebGL wrapper) in the background figure and adjusting the camera/models in response to scroll position (within a react environment)
Re:Inside the miracle of modern chip manufacturing by jyunwai on Tuesday March 05, 2024 @12:30PM (#39606577)
That is excellent, thanks for the information and work to produce a very nice feature.