dragging Examples

The theatre provides a presentation layer for files in the theatre/ directory

The theatre files showcase Polypoint features.

The files within this directory are just standard JavaScript files. They work in a standard setup, but the Polypoint site will access additional meta data within the file, such as title and imports.

Checkout the source code within the theatre directory or run one of the examples.

Browse categories

dragging: 13 Examples

Theatre files

  • motion-point-two-line-example thumbnail
    Create a dynamic motion blur effect using lerped lines to trace the path of a moving point.
  • motion-line-drag-point-example thumbnail
    Smoothly animate points with linear interpolation for fluid dragging and motion effects.
  • turtle-class thumbnail
    A turtle-based drawing system to create complex shapes using path commands like "walk" and "journey".
  • turtle-plotter thumbnail
    A basic turtle graphics engine for creating geometric drawings using coordinate-based plotting and steps.
  • turtle-plotter-2 thumbnail
    A turtle graphics engine that draws complex geometric shapes using step-based commands and paths.
  • turtle-basic thumbnail
    A basic turtle graphics demo where you can drag points and trigger a "walk" to plot lines.
  • motion-two-line thumbnail
    Dual line motion tracking featuring dynamic point movement and trailing path visualizations.
  • motion-line-example thumbnail
    Smooth motion interpolation for drawing trailing lines and fluid point movement.
  • hue-point thumbnail
    An interactive point that dynamically shifts its HSL color based on its position and rotation.
  • flapper thumbnail
    A physics-based animation of a flapping wing, featuring momentum and interactive controls.
  • bridged-loop thumbnail
    Create fluid, interconnected paths using quadratic curves and split points in a dynamic bridge loop.
  • bridged-line thumbnail
    Create dynamic quad curves between points using split-tip logic and draggable connections.
  • anchor-line thumbnail
    Manage point positions using leash constraints to maintain fixed distances between connected objects.