This demo document aims at showing various uses of dynamic spatial media fragments. Its code and basic documentation is available at https://github.com/oaubert/mediafragment-prototype.

Static rectangle

Static circle

Static shape

A path-defined shape.

Static shape with multiple graphical elements

A path defining multiple disjoint shapes.

Dynamic shape

A shape moving along a given trajectory.

Dynamic shape with trajectory displayed

A shape moving along a given trajectory, with the trajectory displayed.

Dynamic shape with other trajectory displayed

A simple circle moving along a more complex trajectory (displayed).

Another static shape

A more complex shape (edited through inkscape). Wait (or navigate to) 46 seconds into the video...