constraints 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

constraints: 28 Examples

Theatre files

  • bendy-line-thing-3 thumbnail
    Implements elbow constraints and continuation arcs for smooth, connected point-to-point curves.
  • restricted-linear-bar thumbnail
    A complex mechanical linkage system featuring motorized wheels and multi-jointed chain dynamics.
  • bendy-line-thing-4 thumbnail
    Creates curved "elbow" joints and smooth arc continuations for complex multi-point linkages.
  • bendy-line-thing-2 thumbnail
    Simulates organic joint movement using elbow constraints and eased curves for fluid point connections.
  • foldy-bit thumbnail
    Connects a point to another at a fixed distance of their combined radii, like a jointed limb.
  • elbow-3 thumbnail
    Connects a point to another at a fixed distance of their combined radii for jointed movement.
  • bendy-line-thing thumbnail
    Connects a target point to another at a fixed distance of their combined radii.
  • rope-and-text thumbnail
    A pinnable Verlet constraint chain creating smooth, rope-like catenary physics with mouse interaction.
  • pin-rope-stiff thumbnail
    A pinnable Verlet constraint chain creating a smooth, physics-based rope with catenary motion.
  • pin-rope-small thumbnail
    A pinnable Verlet constraint chain creating a dynamic rope or catenary physics system.
  • pin-rope-small-raw thumbnail
    A pinnable Verlet constraint chain for smooth, rope-like catenary physics and dragging interactions.
  • pin-rope-example thumbnail
    A pinnable Verlet constraint chain creating a realistic rope-like catenary physics solution.
  • linear-con thumbnail
    A dynamic linear constraint graph featuring interactive nodes and distance-based connections.
  • Graph-based linear constraints with collision detection and recursive path walking.
  • follow-with-gravity thumbnail
    Simulate physics-based "Follow With Gravity" motion using constrained string lengths and damping.
  • follow-with-gravity-2 thumbnail
    Simulate physics-based points tethered to pins using gravity and spring constraints.
  • follow-track-points thumbnail
    Manage multi-point tracking and chained motion behaviors on a main stage.
  • follow-point thumbnail
    A dynamic chain of points where each follows the previous one, creating a fluid motion trail.
  • follow-no-gravity thumbnail
    Simulate physics-based point following with gravity, string constraints, and damping effects.
  • constrain-leash-points thumbnail
    Chain multiple points together using leash constraints to create dynamic, tethered movement.
  • balloon-3 thumbnail
    Realistic balloon physics featuring dual-rope constraints, collision detection, and drag interaction.
  • balloon-2 thumbnail
    Simulate a balloon and rope using dual-rope physics with gravity, constraints, and drag effects.
  • simple-chain thumbnail
    Create a dynamic rope-like chain of points that follow the mouse with smooth constraints.
  • balloon thumbnail
    A pinnable Verlet constraint chain simulating realistic rope physics and catenary curves.
  • simple-rope thumbnail
    A simple Verlet integration rope simulation featuring interactive mouse-following and gravity physics.
  • elbow-2 thumbnail
    Connects two points at a fixed distance of their combined radii, creating a linked "elbow" joint.
  • leash-track-points thumbnail
    Create one-way constraints where points can be "leashed" or "tracked" by a primary anchor point.
  • follow-and-constrain-point thumbnail
    Master mouse tracking with `track`, `avoid`, and `leash` constraints for dynamic point behaviors.