[Muhamed Delalić@website ~]$:

whoami - Welcome to my humble website. I'm Muhamed Delalic, an aspiring software engineer who likes to read and learn about science and engineering related topics. This website serves as a place where I can write about interesting pieces of code that i have implemented.

~/showcase/perlin-delaunay

This animation is done in javascript canvas without any 3rd party libraries. First, we randomly sample points in 2d and compute their Delaunay triangulation (using the Bowyer Watson algorithm in this example). Then we compute a two-dimensional Perlin noise and turn the previously sampled two-dimensional points into three-1dimensional points by taking the noise value at each point as the third coordinate value. We then rotate the points using basic linear algebra and use a perspective transform the points into screen coordinates. The smooth movement is achieved by increasing the y coordinate of each point by a small amount in each frame.

~/skills

legend

  • experienced
  • confident
  • beginner

~/contact-info