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.

Browse categories

curve: 43 Examples

Theatre files

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