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.

Examples Files Categories

constraints: 28 Examples

Theatre files

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