Hacker News new | ask | show | jobs
Show HN: [WebGL Demo] Interactive Mesh Deformation in JavaScript (mikolalysenko.github.io)
2 points by erkaman 3222 days ago
2 comments

Hi, this is a demo that me and my friend have worked on for some weeks. Note that it takes a while to load the demo

In case the demo doesn't run, I have prepared a video of it here(https://www.youtube.com/watch?v=1bykYClXkRg)

This is a demo that implements laplacian deformation in Javascript. Laplacian deformation is a technique that allows you to deform an arbitrary mesh as if it were a cloth-like material. In the demo, you can grab handles on the mesh, and drag them. The vertices of the rest of the mesh are then smoothly updated, resulting in a deformation. The deformations produced by this technique tend to look natural, since the general shape of the mesh is preserved. This kind of technique is useful in 3D-modeling software.

This is cool. How come I can't add/remove arbitrary handles?
Basically because it takes a lot of calculation and time to add them, so I didn't add the feature yet. I am working on making the calculation faster.