Evolving curves under different curvature flows.

This is a browser demo for different curvature flows (in JavaScript).
Currently, four flows are supported:

• Mean curvature flow
• Volume preserving mean curvature flow
• Hyperbolic mean curvature flow
• Volume preserving hyperbolic mean curvature flow

[Browser demo]

[Youtube video]

Author: Sadashige Ishida
License: MIT

Basic usage

[MOUSE SETTING]
Mouse drag: add a new curve.

[KEY SETTING]
Space: Turn on/off the clock.
s: Proceed one time step.
r: Reset.
t: Show tangents and normals.

m: Switch flow to mean curvature flow / volume preserving mean curvature flow.
h: Switch flow to heyperbolic mean curvature flow / volume preserving hyperbolic mean curvature flow shift+w: save the screenshot.
w: Turn on/off image save mode.

For making a movie with libav,
"avconv -start_number 2 -r 100 -i ./image%d.png -r 60 -vf "scale=640:450,setsar=1" -b:v 120000k ../bubblemovie.mp4"

Curvature flows

Parabolic flows

• Mean curvature flow

• Volume preserving mean curvature flow

Hyperbolic flows

• Hyperbolic mean curvature flow

• Volume preserving hyperbolic mean curvature flow [Ginder, Katayama, Svadlenka 2016], [Ishida et al. 2017].