tangents 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

tangents: 19 Examples

Theatre files

  • band-two thumbnail
    Directional Tangent 5: Generates smooth cubic Bezier arcs based on point orientation and tangents.
  • directional-tangent-5 thumbnail
    Calculates and renders precise tangent lines to plot arcs through a pseudo-center for smooth curves.
  • band-one thumbnail
    A loopy, geometric exploration of directional tangents and sibling point projections.
  • directional-tangent-6 thumbnail
    Renders smooth arcs by calculating tangent points through a pseudo-center to prevent overlapping lines.
  • metaball-pull-colours thumbnail
    Render sticky meta-ball effects by joining two points using tangent arcs and linear gradients.
  • metaball-pull-example thumbnail
    Creates a "meta-ball" effect using tangent arcs to smoothly connect and blend points dynamically.
  • tangent-arc-concave-pull thumbnail
    Calculates and renders concave arc tangents between two points using geometric intersection logic.
  • tangent-arc-concave thumbnail
    Calculate and visualize common tangents between two circles using geometric arc construction.
  • tangent thumbnail
    Calculates and renders geometric tangent lines and arcs between circles of varying radii.
  • tangent-derivative thumbnail
    Calculates and visualizes Bezier curve tangents and derivatives in real-time with interactive controls.
  • tangent-arc-convex thumbnail
    Calculate and visualize convex arc tangents between two points with a fixed radius.
  • tangent-3 thumbnail
    Calculates and renders complex tangent lines and convex/concave arcs between two circles.
  • tangent-2 thumbnail
    Interactive geometry: Generate and manipulate dynamic tangent lines between points in real-time.
  • directional-tangent thumbnail
    An acute kite form where a single point dynamically tracks and points towards the sharpest angle.
  • directional-tangent-4 thumbnail
    An acute kite formation where points dynamically orient towards the nearest acute angle.
  • directional-tangent-3 thumbnail
    An acute kite form where a single item dynamically points towards its acute angle.
  • directional-tangent-2 thumbnail
    Acute kite form where a single item always points towards its acute angle via directional tangents.
  • None
  • None