curve 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

curve: 43 Examples

Theatre files

  • split-another thumbnail
    A physics simulation featuring a ball bouncing off a Bezier curve using normal-based collision detection.
  • squirqle thumbnail
    Generate dynamic squircle shapes using Bezier curves and interactive radius-based point manipulation.
  • 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-circle-warp-tunnel thumbnail
    A mesmerizing pseudo-3D tunnel effect featuring dynamic Bezier curves and warped circular geometry.
  • split-bar-2 thumbnail
    Advanced Bezier curve splitting with dynamic radius scaling and multi-line rendering.
  • sinewave thumbnail
    Renders dynamic sine wave oscillations and peak detection with smooth point list animation.
  • spectrum-lines thumbnail
    Generates flowing, multi-colored spectrum lines using Perlin noise for a dynamic wave effect.
  • quad-loop thumbnail
    Draw a closed loop of quadratic curves connecting multiple points using the PointList method.
  • point-split-example thumbnail
    Create dynamic connections between two animated paths using the "Zipper Split" logic.
  • lines-multi-examples thumbnail
    Explore dynamic line types, including Bezier curves and animated catenary swings with drag interaction.
  • line-rider-splits thumbnail
    A physics-based simulation of a ball bouncing off Bézier curves using raycasting and normal detection.
  • lerp-curve-lines-2 thumbnail
    Interactive cubic Bezier curve with draggable control points and a movable path indicator.
  • lerp-curve-lines thumbnail
    Calculates the nearest point on a cubic Bezier curve for interactive snapping and smooth tracking.
  • lerp-line thumbnail
    Lerp a point along a straight line by projecting mouse coordinates onto a defined line segment.
  • flower-2 thumbnail
    Generates a dynamic, interactive flower petal pattern using Bezier curves and proximity-based scaling.
  • Generate dynamic, multi-petaled flower shapes with smooth Bezier curves and linear gradients.
  • flower thumbnail
    Generates dynamic, organic flower petal patterns using Bezier curves and random point distribution.
  • egg-6 thumbnail
    An interactive 3D egg-shaped disc that rotates and squashes using trigonometric projections.
  • egg thumbnail
    Generates a dynamic, parametric egg shape using Bezier curves and interactive point manipulation.
  • egg-2 thumbnail
    Generates a dynamic egg shape using Bezier curves and interactive point manipulation.
  • egg-4-5 thumbnail
    Generates a dynamic egg-shaped curve using spring physics and synchronized Bezier curves.
  • egg-4-6 thumbnail
    Generates dynamic, spring-animated egg shapes using Bezier curves and physics-based point tracking.
  • egg-4 thumbnail
    Interactive Bezier curve manipulation using draggable control points to shape organic egg-like curves.
  • egg-5 thumbnail
    Generates dynamic Bezier curves in a circular pattern using calculated bezier factors for smooth motion.
  • disc-elipse-2 thumbnail
    A 3D-simulated ellipse disc that rotates and squashes using complex trigonometric projections.
  • disc-elipse thumbnail
    Create a dynamic 3D ellipse disc projection with interactive dragging and rotation effects.
  • disc-ellipse thumbnail
    Render a 3D-simulated elliptical disc with interactive dragging and dynamic rotation math.
  • disc-points thumbnail
    Render a 3D-rotating disc with interactive dragging and dynamic perspective projection.
  • curve-knife thumbnail
    Splits cubic Bézier curves at a specific point using De Casteljau's algorithm and interactive dragging.
  • curvy-mouse-motion-line thumbnail
    Generate a curved line that follows your mouse movement and reacts to its distance.
  • curve-angles thumbnail
    Visualize Bezier curve angles and tangent derivatives with real-time interactive controls.
  • curve-circle thumbnail
    Generates a dynamic geometric pattern of interconnected Bezier curves forming a circular flower-like shape.
  • curve-knife-2 thumbnail
    A dynamic curve-splitting tool that lets you "cut" Bezier paths at precise points with a knife.
  • classy-flower thumbnail
    Generates a dynamic, animated field of gradient flowers with swaying petals and organic motion.
  • None
  • catenary-example thumbnail
    Render a dynamic Catenary curve between two interactive, draggable anchor points.
  • 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.