split 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

split: 17 Examples

Theatre files

  • split-another thumbnail
    A physics simulation featuring a ball bouncing off a Bezier curve using normal-based collision detection.
  • None
  • split-zip-motion thumbnail
    Creates an animated "Zipper Split" effect by syncing and drawing dual lines across a canvas.
  • split-zip thumbnail
    Create synchronized geometry by zipping and connecting split point sets across multiple lines.
  • split thumbnail
    Advanced tools for splitting and rendering lines and Bezier curves with dynamic point indicators.
  • split-bar-warp-2 thumbnail
    Creates a dynamic "Split Bar Warp" effect with ribbon-like curves and adjustable radius behaviors.
  • split-bar-warp thumbnail
    Create dynamic warp distortions using Bezier curves and distance-based radius scaling.
  • split-bar thumbnail
    Creates dynamic Bezier curves by splitting and interpolating lines with adjustable radii and rotations.
  • split-circle-warp-tunnel thumbnail
    A mesmerizing pseudo-3D tunnel effect featuring dynamic Bezier curves and warped circular geometry.
  • split-2 thumbnail
    Dynamic point splitting and geometric branching with interactive rotation effects.
  • split-bar-2 thumbnail
    Advanced Bezier curve splitting with dynamic radius scaling and multi-line rendering.
  • point-split-example thumbnail
    Create dynamic connections between two animated paths using the "Zipper Split" logic.
  • line-rider-splits thumbnail
    A physics-based simulation of a ball bouncing off Bézier curves using raycasting and normal detection.
  • curve-knife thumbnail
    Splits cubic Bézier curves at a specific point using De Casteljau's algorithm and interactive dragging.
  • curve-knife-2 thumbnail
    A dynamic curve-splitting tool that lets you "cut" Bezier paths at precise points with a knife.
  • bezier-split-zip-motion thumbnail
    Create dynamic animated paths by synchronizing and zipping multiple Bezier curves together.
  • curve-split-zip-motion thumbnail
    Create dynamic, synchronized animations by zipping and rendering split line segments in real-time.