はてなブックマーク

Fluid Simulation (with WebGL demo) Click and drag to change the fluid flow. Double click to reset. Note: The demos in this post rely on WebGL features that might not be implemented in mobile browsers. About a year and a half ago, I had a passing interest in trying to figure out how to make a fluid simulation. At the time, it felt just a bit out of my reach, requiring knowledge of shaders, vector c

Metaballs and WebGL I’m back to learning graphics! A lot of interesting simulation and rendering work takes place on the GPU, and I didn’t have much experience doing that, so I figured I’d try to get metaballs rendering on the GPU. This time, instead of using the marching squares algorithm, we’ll leverage the GPU to compute every pixel in parallel! In this post, I’m going to walk through the steps

Metaballs and Marching Squares Click any of the animations to pause Something about making visually interesting simulations to play with just gets me really excited about programming, particularly when there’s some cool algorithm or bit of math backing it. Reading a bit about particle simulations on Wikipedia, I stumbled upon metaballs. In 3D, metaballs looks something like this: From Metaballs on