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.
523 Examples
Theatre files
-
A physics simulation featuring a ball bouncing off a Bezier curve using normal-based collision detection. -
Small walking points move and rotate automatically across the screen with smooth transitions. -
Smoothly transition a single point while shifting all other points in the scene to maintain focus. -
Create dynamic mesh networks and interactive point connections with automated line rendering. -
Link a point to a control point where movement and radius update based on mutual proximity. -
Emit a stream of particles along a draggable Bezier curve path. -
A dynamic stage featuring Bezier curves and particle emitters that react to drag interactions. -
Simulate a spinning 3D coin using perspective projection and cubic Bezier curves for its profile. -
Render random moving points with varying sizes and colors across a canvas stage. -
Implements elbow constraints and continuation arcs for smooth, connected point-to-point curves. -
Select and scale points using a dynamic drag-to-box selection tool with center-of-mass handling. -
Add points via clicks or buttons and draw pink quad curves between them on a canvas stage. -
Explore dynamic text rendering with labels, offsets, and rotating point indicators. -
Render a rotating pseudo-3D wireframe cube with dynamic perspective and multi-colored connections. -
Create dynamic motion blur effects on a moving point with randomized paths and colors. -
Simulate light ray reflections and bounce angles against dynamic planes using vector math. -
A dynamic reflection stage featuring interactive ray beams and real-time point tracking. -
Geometry tools for calculating ray intersections, reflection angles, and bounce physics. -
Render a spinning, pseudo-3D coin using Z-depth sorting and Bezier curve mapping for smooth rotation. -
Renders a pseudo-3D rotating egg shape with Z-depth sorting and dynamic Bezier curves. -
Simulate double pendulum physics with a multi-segment tail using gravity and angular damping.
-
Render a rotating field of pseudo-3D egg-shaped curves using dynamic Z-depth sorting and Bezier paths. -
Create versatile lines with flexible input methods, supporting point arrays, individual coordinates, and custom styling. -
Generate complex waves and smooth sigmoid curves using dynamic tip projection and mathematical oscillations. -
Simulates multi-joint pendulum physics with chaotic motion, gravity, and adaptive sub-stepping.
-
Renders a spinning field of Bezier-curved coins with dynamic Z-depth sorting and perspective. -
Create a stylish logo with gradient text and an elliptical orbit effect using the TextAlpha engine. -
Create complex waves and smooth curves using a dynamic sigmoid function line generator. -
Create a dynamic motion blur effect with randomly moving points and a draggable purple focal point. -
Create dynamic motion paths with random movements and smooth linear transitions on a main stage. -
Create a dynamic motion blur effect using lerped lines to trace the path of a moving point. -
Smoothly animate points with linear interpolation for fluid dragging and motion effects. -
Create dynamic connections between two animated paths using the "Zipper Split" logic. -
Create dynamic animated paths by synchronizing and zipping multiple Bezier curves together. -
Complex linkage systems featuring pivot bars, motorized wheels, and constrained physics. -
Create dynamic, synchronized animations by zipping and rendering split line segments in real-time. -
Interactive demo of Catenary Curves with draggable points and real-time rendering. -
A clear example demonstrating how to create and render a dynamic line between points on the stage. -
Render and manipulate smooth Bezier curves with interactive point dragging and visual indicators. -
Creates an animated "Zipper Split" effect by syncing and drawing dual lines across a canvas. -
A complex mechanical linkage system featuring motorized wheels and multi-jointed chain dynamics. -
Flood fill a PointList of tethered points to create dynamic, interconnected geometric shapes. -
A scale-based measurement tool that calculates and displays relative sizes using a base unit. -
Efficiently manage and query spatial data using Quadtree structures for high-performance collision detection. -
Efficiently manage and query 2D spatial data using recursive Quadtree partitioning.
-
A dynamic particle emitter system that creates animated flowing lines and expanding circles. -
Implements Apple-style kinematic timing curves with smooth overshoot and oscillation effects.
-
A creative drawing pad featuring smooth gradient-based strokes and interactive pen mechanics. -
Render to an offscreen canvas for seamless background processing and silent UI updates. -
Creates curved "elbow" joints and smooth arc continuations for complex multi-point linkages. -
Display and interact with images using the `ImageLoader` class and drag-and-drop functionality. -
Manage tethered vector points with drag-and-drop functionality and dynamic distance tracking. -
Draw a semi-circle connecting two points through a third anchor point using tethered dynamics.
-
Interactive demo of a semi-circle geometry where points move dynamically through a fixed pivot.
-
Generate a particle system where points emerge from edges and connect via lines with varying sizes. -
Draw a perfect semi-circle arc passing through a specific third point using dynamic geometry. -
Simulates organic joint movement using elbow constraints and eased curves for fluid point connections. -
Connects a point to another at a fixed distance of their combined radii, like a jointed limb. -
Connects a point to another at a fixed distance of their combined radii for jointed movement. -
Connects a target point to another at a fixed distance of their combined radii. -
Transforms 2D plots into dynamic 3D perspectives using radius-based depth and camera distance. -
A stick figure animation using distance constraints and graph traversal for skeletal movement. -
Create joints with angular limits by constraining point rotation within a defined cone. -
Render a dynamic, curved projected cone with interactive hit detection and custom outlines. -
Renders a dynamic projected cone with wall-intersection logic and interactive rotation. -
Simulate realistic joint movement where parent points rotate based on child point drag resistance. -
Experience seamless coordinate transformation and wide-scale origin shifting for complex canvas layouts. -
Renders inverted maze walls from JSON data by computing boundaries between grid cells. -
A grid-based maze stage that dynamically generates walls and paths for navigation. -
Directional Tangent 5: Generates smooth cubic Bezier arcs based on point orientation and tangents. -
Calculates and renders precise tangent lines to plot arcs through a pseudo-center for smooth curves. -
Detects and visualizes image boundary edges using real-time pixel data analysis and point plotting.
-
A loopy, geometric exploration of directional tangents and sibling point projections. -
Renders smooth arcs by calculating tangent points through a pseudo-center to prevent overlapping lines. -
A mechanical simulation of interlocking gears, featuring motor-driven rotations and internal wheels. -
Render sticky meta-ball effects by joining two points using tangent arcs and linear gradients. -
A turtle-based drawing system to create complex shapes using path commands like "walk" and "journey". -
A basic turtle graphics engine for creating geometric drawings using coordinate-based plotting and steps. -
A turtle graphics engine that draws complex geometric shapes using step-based commands and paths. -
A basic turtle graphics demo where you can drag points and trigger a "walk" to plot lines. -
Creates a "meta-ball" effect using tangent arcs to smoothly connect and blend points dynamically. -
Calculates and renders concave arc tangents between two points using geometric intersection logic. -
Calculate and visualize common tangents between two circles using geometric arc construction. -
Simulates physics-based rope dynamics and cable tension with gravity and dragging mechanics. -
Create fluid, organic brush strokes with dynamic physics-based velocity and adaptive thickness. -
Experience high-precision Wacom pen input with pressure, tilt, and real-time ink trails. -
None
-
Interactive canvas stage featuring smooth zooming and panning for dynamic point manipulation. -
Interactive point scaling with smooth pan-to-zoom and dynamic mouse-tracking interactions. -
An experimental stage featuring dynamic Bezier curves and synchronized point rotations. -
Experimental stage for managing and animating point directions with dynamic rotation logic.
-
Experimental arc line generation using tangent calculations and geometric bisectors. -
A dynamic SVG path command builder that simplifies creating relative and absolute path data.
-
Experimental kinematics demo calculating elbow positions and polar coordinate transformations. -
Draw connected lines and perform real-time "point within polygon" hit tests for interactive fills. -
Calculate point rotation windings and track cumulative degree differences in real-time. -
Track cumulative rotation and winding numbers by calculating wrapped angular differences. -
Manage UI components like buttons and sliders to control real-time stage animations. -
An interactive grid where points ripple and propagate velocity waves across a dynamic field. -
Real-time Voice Activity Detection (VAD) to monitor, capture, and play back speech samples as WAV files.
-
Visualizes real-time voice activity by dynamically scaling and coloring a point based on speech input. -
Build interactive UI widgets like buttons, sliders, and inputs for your Polypoint stage. -
Draw dynamic chords between two points projected within a circular area. -
Render a rotating pseudo-3D point cloud with depth-based coloring and perspective mapping. -
Create dynamic trailing paths and point emitters using real-time velocity tracking. -
Detects and manages multi-touch events to create dynamic, interactive point interactions on the stage. -
Manage complex animations with a keyframe-based timeline system for smooth lerping and cycling. -
A robust timeline engine that manages keyframes, smooth lerping, and playback cycling. -
Track precise millisecond timing and coordinate point movements within a dynamic stage. -
Simulates realistic elastic collisions between rotating points with friction and angular momentum. -
Simulates physics-based collisions with mass, rotation, friction, and angular velocity updates. -
Interactive three-point tangent arc with dynamic gradients and drag-responsive iris highlighting.
-
A dynamic Three Point Line stage featuring interactive dragging and real-time gradient updates.
-
A dynamic Three Point Drawarc system featuring interactive gradients and drag-enabled arcs.
-
A basic demonstration of text rendering, dynamic rotation, and multi-point label positioning. -
Render dynamic, rotating text with custom gradients and anchored positioning on a 2D canvas. -
Create a dynamic TextAlpha logo animation featuring rotating gradients and spaced typography. -
Creates a dynamic "POLYPOINT" logo using gradient-filled alpha text and interactive point elements. -
Manage spatial text alignment and dynamic label positioning using midpoint calculations and lerping. -
Create and manage dynamic tethered polygon shapes with interactive point generation and curves. -
Create semi-hierarchical links where a parent point dynamically manipulates and moves its tethered children. -
Calculates and renders geometric tangent lines and arcs between circles of varying radii. -
Calculates and visualizes Bezier curve tangents and derivatives in real-time with interactive controls. -
Calculate and visualize convex arc tangents between two points with a fixed radius. -
Calculates and renders complex tangent lines and convex/concave arcs between two circles. -
Interactive geometry: Generate and manipulate dynamic tangent lines between points in real-time. -
Parse and render SVG path data with easy rotation, scaling, and interactive dragging. -
Renders dynamic SVG path elements and handles point-based geometry for the theatre stage.
-
A solar system visualization featuring orbital data, radial gradients, and planetary scaling. -
Subdivides a point grid by inserting new points between existing ones to split quads into smaller units. -
A dynamic animation stage showcasing stroke styles and point indicators in real-time. -
Render dynamic straight line connections and projected paths between point sets in real-time. -
Create a dynamic starfield with parallax motion and velocity-based point rendering. -
Create repetitive patterns by stamping point-based shapes across the stage canvas. -
Responsive stage that automatically scales its canvas dimensions to match the global window size. -
A minimal foundation for building custom scenes by extending the core Stage class. -
A basic stage setup to generate, weight, and visualize points and their center of mass. -
A dynamic stage where the center point tracks the mouse position with a green indicator focus. -
Manage automated stage events and interactive point drawing with the MainStage class. -
Manage dynamic point stacks and coordinate complex stage movements with real-time interactions. -
Generate dynamic squircle shapes using Bezier curves and interactive radius-based point manipulation. -
Render and manipulate dynamic N-gon shapes and bounding boxes with interactive dragging. -
Simulate a physics-based balloon with rope tension, gravity, and spring constraints. -
Create dynamic spring-chain physics with interactive dragging and collision detection. -
A spring-based collision and graph system for creating complex point chains and star configurations. -
Create a multi-layer spring network with interactive physics and chain dynamics. -
Manually connects points using spring physics to simulate tethered movement and elastic tension. -
Interactive spring-mass physics simulation featuring draggable points and dynamic tension bounds. -
Interactive 2-point spring system with draggable points and physics-based damping effects. -
Simulate a dynamic spring system with locked points and damped physical forces. -
Simulate dynamic spring physics with adjustable tension, damping, and point mass interactions. -
Create a physics-based blob using spring dynamics and collision boxes for interactive movement. -
A dynamic spring-based wheel featuring interactive spokes and physics-driven structural braces. -
Interactive spring-mass system simulating a dynamic blob with real-time physics and UI controls. -
Simulate a physics-based balloon with rope constraints and gravity using spring dynamics. -
A dynamic stage featuring a randomized swarm of jiggling points with varying scales and hues. -
Generate dynamic, jittering line distributions with randomized hues and varying radii on click. -
Creates a spray paint effect by plotting multiple random points near the mouse cursor. -
Advanced tools for splitting and rendering lines and Bezier curves with dynamic point indicators. -
Create synchronized geometry by zipping and connecting split point sets across multiple lines. -
A mesmerizing pseudo-3D tunnel effect featuring dynamic Bezier curves and warped circular geometry. -
Creates dynamic Bezier curves by splitting and interpolating lines with adjustable radii and rotations. -
Create dynamic warp distortions using Bezier curves and distance-based radius scaling. -
Creates a dynamic "Split Bar Warp" effect with ribbon-like curves and adjustable radius behaviors. -
Advanced Bezier curve splitting with dynamic radius scaling and multi-line rendering. -
Dynamic point splitting and geometric branching with interactive rotation effects. -
Click to trigger a growing circle that changes the background color once finished. -
Create dynamic "Splat" effects by clicking to spawn and animate expanding points with easing. -
Draw a rotating spiral path that leaves a trailing line of points across the screen. -
Capture and visualize XY RAD rotation data to create dynamic timestep captures and spline walks. -
A dynamic starfield and spinning plotter featuring velocity-based motion and radial plotting. -
A dynamic particle emitter that adjusts birthrate and velocity based on point speed. -
Dynamic particle emitter that scales speed and density based on point velocity. -
Generates flowing, multi-colored spectrum lines using Perlin noise for a dynamic wave effect. -
Navigate a spaceship in frictionless 2D space using physics-based engine thrust and rotation. -
Rigid body physics simulation featuring a spaceship with multi-engine thrust and gamepad controls. -
A physics-based spaceship simulator featuring center of mass, engine thrust, and gravity torque. -
Rigid body physics simulation featuring center of mass, torque, and gravity-gradient dynamics. -
An AI-driven agent simulation featuring a "TailWalker" with sensory inputs and neural network training. -
Capture canvas frames and upload them to a server to generate animated GIFs.
-
Project a non-equidistant chord from a point through its own direction to intersect a circle. -
Renders dynamic sine wave oscillations and peak detection with smooth point list animation. -
Create a dynamic sine wave animation using a list of points to generate fluid, rhythmic motion. -
Interactive grid of draggable points with random shuffling and dynamic radius scaling. -
A screen-locked point system that tracks and maps relative coordinates to the global viewport.
-
A dynamic grid of points that synchronizes their rotations based on neighboring angles. -
Click-drag to create a bounding box and select multiple points with a center rotation handle. -
A pinnable Verlet constraint chain creating smooth, rope-like catenary physics with mouse interaction. -
Simulate spaceship physics using vector engines, torque, and center of mass calculations. -
Simulate spaceship physics with multi-engine thrust, torque calculations, and momentum dynamics. -
Simulate a spaceship in frictionless 2D space with rotation, momentum-based thrust, and screen wrapping. -
Handle relative motion vectors and point navigation using directional movement and rotation logic. -
A space-sim style system featuring a "Ship" with physics, rotation, and dynamic sector tracking. -
Advanced movement system for points to navigate toward targets using rotation-aware relative motion. -
Simulates relative motion of points orbiting a center within a dynamic stage environment. -
Simulate relative car movement with keyboard-driven rotation, acceleration, and target tracking. -
Simulate realistic drifting physics with weight transfer, steering angles, and momentum-based grip. -
A high-fidelity drifting simulator featuring realistic weight transfer, handbrake physics, and flicking. -
Experience realistic drifting physics with weight transfer, steering angles, and momentum-based grip. -
Generate a dynamic field of bubbles that move in relative, oscillating patterns based on their coordinates. -
Create dynamic point movements using relative offsets and bound functions for smooth transitions. -
Simulates 2D light reflection by calculating ray-plane intersections and bounce angles. -
Calculates and visualizes ray-plane intersections and reflection angles for point geometry. -
Manage spatial boundaries and collision detection using advanced rectangle tools and stage logic. -
Draw and style rectangles on a canvas using points as anchors for shapes and stroke properties. -
Ray casting & reflection logic for calculating intersection points, bounce angles, and hit detection. -
Generates and renders dynamic, randomized point-to-point line paths and horizon lines on canvas.
-
Spawns a dynamic burst of points radiating outward around a central source for explosive effects. -
Visualizes random number drift by comparing a raw walk against a bias-corrected gauge system. -
Generate and manage point clusters using random and Gaussian distributions for dynamic visuals. -
Creates a dynamic rainbow gradient arc path with interactive dragging and smooth curve transitions. -
Generates a smooth, continuous rainbow arc by connecting points using dynamic radial curves. -
Manage point positions and radius quantization within a dynamic theatrical stage environment. -
Efficiently manage and query thousands of points using Quadtree spatial partitioning for collision detection. -
Interactive quadratic Bezier curve generator with draggable control points and smooth paths. -
Draw a closed loop of quadratic curves connecting multiple points using the PointList method. -
Render dynamic quadratic curves with real-time point coupling and interactive dragging. -
Interactive Quadtree visualization for spatial partitioning and dynamic point querying.
-
Manage spatial data with Quadtree-ready Rectangle logic for point containment and intersection.
-
Rotates a plane in 3D space using pseudo-3D perspective and orthogonal projection techniques. -
Render a pseudo-3D plane on the Z-axis with dynamic perspective and rotation effects. -
Render pseudo-3D point clouds with dynamic Z-depth sorting and interactive rotation effects. -
A dynamic pseudo-3D wireframe cube featuring rotating points and procedural geometric connections. -
Generate dynamic Pseudo-3D wave plots with perspective projection and smooth rotations. -
Render a spinning, pseudo-3D tetrahedron mesh with dynamic depth-based coloring and interactivity. -
Render dynamic pseudo-3D spheres with various point distributions and depth-based coloring. -
Generate and render complex 3D sphere meshes using Fibonacci, Geodesic, and Lat-Long algorithms. -
Render a rotating grid of points using pseudo-3D perspective and orthogonal transformations. -
A pseudo-3D plane projection that rotates a grid of points using perspective transformations. -
A dynamic Pseudo-3D rotating cube featuring perspective projection and interactive dragging. -
Render a dynamic pseudo-3D rotating cube with depth-based coloring and perspective shifts. -
Render a dynamic pseudo-3D rotating cube with depth-aware coloring and perspective effects. -
Geometric tool to construct and visualize tangent arcs using intersecting circles and diamond shapes. -
Constructs tangent arcs between two circles using a geometric protractor and intersection logic.
-
Dual Line Potter Wheel: Captures XY RAD points to create smooth spline walks and dual-path curves. -
Draw connected lines to form polygons and test point-in-polygon bounds with 3D perspective. -
Experience seamless 360° movement using the Pointer Lock API for immersive, FPS-style navigation.
-
A dynamic emitter system that generates inward-flowing points from the edges into a central playspace. -
Interactive point clicking and dragging system with dynamic color changes on mouse interaction. -
Render dynamic line projections and multi-point connections with custom styles and rotations.
-
Raw drawing example demonstrating manual line, polygon, and projection rendering without a Stage.
-
Capture and plot XY RAD point data for timestep captures like spline walks. -
Captures and plots dynamic Sine/Cosine wave patterns using timed point lists and rotation. -
Simulate a solar system with planets orbiting the sun using radial gradients and distance scaling. -
A basic interactive stage where a red point follows your clicks and renders to the canvas.
-
A pinnable Verlet constraint chain creating a smooth, physics-based rope with catenary motion. -
A pinnable Verlet constraint chain creating a dynamic rope or catenary physics system. -
A pinnable Verlet constraint chain for smooth, rope-like catenary physics and dragging interactions. -
A pinnable Verlet constraint chain creating a realistic rope-like catenary physics solution. -
Create dynamic, rhythmic patterns using a list of points that shift radius based on trigonometric math. -
Create repeating textures by generating and applying custom canvas patterns as fills. -
Explore geometric relationships through interactive pairs and sibling point structures.
-
Detects spatial overlaps and proximity between points using a physics-based reactor system. -
Manage a dynamic list of points that rotate around a central focal point in real-time. -
Rotate points around a central anchor using tethered logic and dynamic point generation. -
Manage coordinate systems and relative positioning with Origin Shift for dynamic point placement. -
Interactive canvas stage that handles click events to position and render a point object. -
Render graphics using an OffscreenCanvas and copy them to the main screen for optimized performance.
-
Explore multiple approaches for rendering using OffscreenCanvas and the copyToOnScreen method. -
Render content on an OffscreenCanvas and sync it to a visible canvas for high-performance output.
-
Perform high-performance rendering using OffscreenCanvas and push results to the visible UI. -
Manage and render offscreen canvas elements with dynamic copying to the onscreen display. -
Render graphics on an offscreen canvas and sync them to the visible screen for optimized performance. -
Automatically labels points with alphabetical characters based on their position in a list. -
Dynamic point network with animated connecting arrows and automatic alphabetical labeling. -
Displays a sequence of points connected by styled arrows and dynamic alpha labels. -
Generate and render dynamic N-Sided Polygons using the core point and stage mechanics. -
A visual demonstration of a multi-layered neural network with dynamic node connections and labels. -
Visualizes real-time proximity detection by highlighting the nearest points to the cursor's position.
-
A dynamic canvas component that renders custom scripts, handles multi-slot configurations, and displays text content.
-
A dynamic canvas component that renders custom logic, code snippets, and text via slot configurations.
-
Create a multi-point tethered system with dynamic point generation and physics-based connections. -
Manages multi-scale point resizing by maintaining relative size ratios across a dynamic canvas. -
Manages dynamic multi-scale point ratios and radius scaling across the canvas. -
Dual line motion tracking featuring dynamic point movement and trailing path visualizations. -
Smooth motion interpolation for drawing trailing lines and fluid point movement. -
Visualizes dynamic arc geometry and angle calculations using draggable points and circle intersections. -
A geometric visualization of rotating points and projected lines connecting dynamic spatial coordinates. -
Reflects a point across a line and renders a dynamic, swinging catenary curve between them. -
Create a mirror effect that reflects points and objects across a central axis in real-time. -
Calculates and renders geometric mirror reflections of points across defined lines in real-time. -
Create a dynamic mirror reflection system using points, dragging mechanics, and live rendering. -
A minimalist foundation for creating point-based animations on a canvas stage. -
A minimal boilerplate for creating and dragging points on a stage using the basic core modules. -
Launch and interact with asteroids in a gravity-based space simulation. Click/drag to launch!
-
A gravity-based celestial simulation featuring asteroids bouncing and orbiting planets in a mini-space world. -
A gravity-based space simulation featuring asteroids orbiting planets with collision physics. -
A gravity-based physics simulation featuring planets, asteroids, and orbital mechanics. -
MIDI track functions for playing river flows, bumblebee arpeggios, and musical scales.
-
A comprehensive MIDI toolset for handling note events, dial values, and real-time input mapping.
-
Simulates a physics-based rope and "Mass Pointer" using gravity, damping, and string tension. -
Create dynamic Bezier curves between split points with interactive radius scaling and rotation. -
Creates a dynamic Bezier curve tube connecting two draggable points with calculated radii. -
Smoothly animate points towards a target using variable rotation speeds for dynamic motion. -
Calculate and visualize a point's orientation and projection relative to the mouse position.
-
Explore dynamic line types, including Bezier curves and animated catenary swings with drag interaction. -
A dynamic linear constraint graph featuring interactive nodes and distance-based connections. -
Graph-based linear constraints with collision detection and recursive path walking.
-
Create dynamic Bezier curves and interactive line bridges with real-time dragging and FPS tracking. -
Simulate realistic ball physics with gravity, friction, and bounce within a circular boundary.
-
A physics-based simulation of a ball bouncing off Bézier curves using raycasting and normal detection. -
Simulate smooth, gravity-based rolling of a ball within a circular boundary with realistic friction.
-
A physics simulation featuring a ball bouncing inside a draggable circular boundary with gravity.
-
Simulate a ball bouncing inside a circular boundary with gravity and rolling friction effects.
-
Render straight lines, Bezier curves, and catenary curves using dynamic point projection. -
Renders dynamic Catenary and Bezier curves with animated arrowheads and geometric indicators. -
Create elegant, animated curvy arrows using dynamic Bezier curves and iterative point motion. -
Interpolate a third point list between two source lists using a shared easing value and timeline. -
Smoothly animate a collection of points from one position to another using the `lerper.through` method. -
Explore point list lerping with custom easing, randomized node delays, and unique motion shapes. -
PointList lerping with randomized delays and custom easing for organic, staggered motion. -
Manage complex animations with static lerper settings and per-node property overrides. -
Calculates the nearest point on a cubic Bezier curve for interactive snapping and smooth tracking. -
Interactive cubic Bezier curve with draggable control points and a movable path indicator. -
Render dynamic text labels and custom typography on a stage with rotation and indicators. -
Manage complex text labels and dynamic point indicators on a theatrical stage canvas. -
Create dynamic Point Jiggle effects with customizable speeds and dimensions for lively motion. -
Create dynamic "jiggle" animations with point lists and distance-based motion scaling. -
Create dynamic, speedy motion at a singular position using the interactive jiggle animation. -
Apply a rapid vibration effect to points based on mouse distance. **Example:** `this.jiggler.step(updates)` -
Soft-body physics simulation featuring interactive, wobbling jelly squares with gravity and drag. -
An oscillatory point tracker using iterators to create smooth, rhythmic motion patterns. -
Calculate the intersection of two lines or project a ray beam to find collision points accurately. -
Calculate and visualize the intersection points between two lines or ray projections. -
Create dynamic step animations by animating a highlighted point along a generated list of points. -
Simulates gravitational physics using a Quad-Tree and Barnes-Hut algorithm for efficient body motion. -
An interactive point that dynamically shifts its HSL color based on its position and rotation. -
Interactive point interaction handling click, drag, and hover events on a dynamic stage. -
Simulates physics-based cables and ropes with gravity, tension constraints, and interactive dragging. -
Create dynamic, interactive grids of points using reshaping and mouse-tracking logic.
-
Simulate multi-body orbital mechanics using a high-precision Runge-Kutta 4 (RK4) gravity integrator. -
Simulate physics-based points with gravity, collision bouncing, and advanced angular rotation. -
Simulate gravitational physics with pairwise forces to create dynamic, orbiting point masses. -
Synchronized rotation of graph nodes where rotating one point affects all connected points. -
A dynamic graph where rotating one point propagates through connected lines to sync all others. -
A dynamic graph system where rotating a single point influences the entire connected web. -
A raw graph implementation featuring dynamic chain connections and distance constraints for point logic. -
Create a dynamic linear gradient between two interactive points with real-time dragging support. -
Creates a dynamic linear gradient that reacts to dragging and rotation in real-time. -
A dynamic linear gradient demonstration using dual points and custom color stops on a stage.
-
Interactive radial gradient generator with draggable inner and outer point controls. -
Manage interactive stage events and dynamic point spawning via click interactions. -
A mechanical gear simulation featuring nested rotations and physical point-to-point contact logic. -
Simulate complex mechanical gear systems with recursive angular velocity and pinion wheel dynamics. -
A dynamic simulation of interlocking gear rotations and recursive mechanical physics. -
Displays a real-time FPS counter to monitor your screen's refresh rate and rendering stability. -
Render a dynamic four-point arc system with physics-based movement and spring constraints. -
Creates a dynamic four-point arc loop with interactive dragging and smooth curved connections.
-
Simulate physics-based "Follow With Gravity" motion using constrained string lengths and damping. -
Simulate physics-based points tethered to pins using gravity and spring constraints. -
Manage multi-point tracking and chained motion behaviors on a main stage. -
A dynamic chain of points where each follows the previous one, creating a fluid motion trail. -
Simulate physics-based point following with gravity, string constraints, and damping effects. -
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.
-
Generates a dynamic, interactive flower petal pattern using Bezier curves and proximity-based scaling. -
A physics-based animation of a flapping wing, featuring momentum and interactive controls. -
A dynamic particle emitter system for creating and animating multiple interactive point flows. -
A dynamic radial emitter creating a glowing sun effect with gradient-filled particles and physics. -
A dynamic particle emitter system featuring animated point flows and real-time geometry drawing. -
A dynamic particle emitter system creating interactive, animated point flows on a stage. -
A dynamic particle emitter system for creating animated point flows and stamp effects on stage. -
A high-performance particle emitter system for creating dynamic, animated point flows and effects. -
A dynamic line emitter that generates and tracks points along a draggable path in real-time. -
Create dynamic lines and particle effects using a LineEmitter with interactive dragging capabilities. -
Advanced line emitter that generates dynamic particles along a path with real-time dragging. -
Draw a dynamic red ellipse that follows your mouse movements with smooth dragging logic. -
Interactive parametric ellipse plot with draggable control points and dynamic shape scaling. -
Render dynamic ellipse arcs with interactive point dragging and real-time coordinate scaling. -
Create and manipulate an ellipse with rotation and dragging controls using a point-based system. -
Generates a dynamic, parametric egg shape using Bezier curves and interactive point manipulation. -
An interactive 3D egg-shaped disc that rotates and squashes using trigonometric projections. -
Interactive Bezier curve manipulation using draggable control points to shape organic egg-like curves. -
Generates dynamic, spring-animated egg shapes using Bezier curves and physics-based point tracking. -
Generates a dynamic egg-shaped curve using spring physics and synchronized Bezier curves. -
Generates a dynamic egg shape using Bezier curves and interactive point manipulation. -
Create smooth animations using multi-easing functions to blend complex movement behaviors. -
Explore smooth motion with dynamic easing functions like bounce, elastic, and cubic for point animation. -
Interactive line drawing and dynamic Bezier curve generation via mouse movements. -
Create a draggable polygon shape with dynamic rotation and custom styling using minimal core components. -
Interactive click-drag bounding box featuring geometric shapes and dynamic radius scaling. -
Interactive drag-and-drop point system with highlighters and dynamic visual feedback. -
Render a 3D-rotating disc with interactive dragging and dynamic perspective projection. -
Render a 3D-simulated elliptical disc with interactive dragging and dynamic rotation math. -
Create a dynamic 3D ellipse disc projection with interactive dragging and rotation effects. -
A 3D-simulated ellipse disc that rotates and squashes using complex trigonometric projections. -
An acute kite form where a single point dynamically tracks and points towards the sharpest angle. -
An acute kite formation where points dynamically orient towards the nearest acute angle. -
An acute kite form where a single item dynamically points towards its acute angle. -
Acute kite form where a single item always points towards its acute angle via directional tangents. -
Visualizes real-time device orientation data (spin, pitch, roll) using motion sensors. -
Generate a curved line that follows your mouse movement and reacts to its distance. -
Splits cubic Bézier curves at a specific point using De Casteljau's algorithm and interactive dragging. -
A dynamic curve-splitting tool that lets you "cut" Bezier paths at precise points with a knife. -
A dynamic graph system using distance constraints to simulate connected chains and branching structures.
-
Visualize Bezier curve angles and tangent derivatives with real-time interactive controls. -
Rigid body physics simulation featuring a ship with multi-engine thrust, mass points, and gamepad support. -
Interactive Bezier curve manipulation with draggable control points and real-time distance syncing. -
Chain multiple points together using leash constraints to create dynamic, tethered movement. -
An interactive grid of light points that allows users to draw and connect dynamic neural-like paths. -
Interactive physics demo calculating and visualizing the center of mass with weighted dynamics. -
Calculates and visualizes center of mass and weighted centers for dynamic point sets.
-
Simulate rigid body physics by calculating center of mass, inertia, and torque for dynamic ships. -
Calculate and visualize the Center of Mass and weighted dynamics for a set of points.
-
Calculate and visualize dynamic Center of Mass and weighted indicators in real-time. -
High-performance color manipulation and gradient blending using the color-bits library. -
Manage interactive point collisions and spatial shuffling on a dynamic grid stage. -
Simulate dynamic point clustering with physics-based attraction, repulsion, and damping effects. -
Dynamic point clustering and physics simulation featuring gravity-based movement and velocity tracking. -
A dynamic clock and stopwatch featuring smooth easing animations and interactive time tracking. -
An interactive clock face featuring smooth easing animations and draggable time markers. -
A smooth analog clock face with animated hands and a numeric dial using eased motion.
-
A dynamic analog clock face featuring hour, minute, and second hands with a numeric dial. -
Display a field of stars constrained within a circular clipping mask using canvas gradients. -
Click-hold to draw lines that automatically display their length as a labels along the path. -
Click-hold to draw lines with real-time length labels and dynamic arc angle measurements. -
Create and manage dynamic points using click-and-drag interactions on a main stage. -
Click to spawn and connect dynamic points on a canvas with real-time dragging and drawing. -
Create dynamic circular arcs that trigger point splitting and visual feedback upon completion. -
Generates a dynamic, animated field of gradient flowers with swaying petals and organic motion. -
Render dynamic text and characters on a main stage using the Polypoint engine. -
Experimental catenary solver that calculates and draws realistic hanging curves between weighted nodes.
-
Generates dynamic flame and teardrop shapes using Bezier curves based on origin point geometry. -
A walker that navigates toward a Brownian point with dynamic perspective and screen wrapping. -
Simulate a point moving via Brownian motion within a draggable radius. -
Create fluid, interconnected paths using quadratic curves and split points in a dynamic bridge loop. -
Create dynamic quad curves between points using split-tip logic and draggable connections. -
None
-
A dynamic canvas stage featuring draggable points, text rendering, and interactive stroke effects. -
Interactive soft-body physics: create and manipulate a squishy, blobby shape with adjustable elasticity. -
Visualize real-time angle bisector calculations as points move dynamically across the stage. -
Interactive Bezier egg shape with draggable control points and dynamic distance tracking. -
Realistic balloon physics featuring dual-rope constraints, collision detection, and drag interaction. -
Simulate a balloon and rope using dual-rope physics with gravity, constraints, and drag effects. -
Create and visualize an arc sweep from a center point with dynamic angle calculations. -
Create and visualize dynamic radial arcs between points with interactive dragging and angle calculations. -
Interactive tool for drawing and calculating radial arcs, sweep angles, and circumcircle centers.
-
Create dynamic radial arcs and interactive geometric plots using draggable points and angle calculations. -
Generates dynamic arc and line loops by calculating concave angles between point radii.
-
Renders smooth arc-based paths and dynamic bisecting lines with interactive dragging features.
-
Draw and manipulate arcs between two intersecting lines with interactive point dragging. -
Create and visualize arcs between two points with dynamic angle calculations and text labels. -
Draws a curved arc between points based on Earth's curvature to simulate horizon bulging. -
Draw arcs and calculate circumcircles using three points to visualize geometric angles. -
Constructs and visualizes geometric arcs based on the circumcircle of three draggable points. -
Visualize dynamic arcs and rotating angles between interactive points on a shared stage. -
Manage point positions using leash constraints to maintain fixed distances between connected objects. -
Simulate a dynamic 3D-style physics demo where dots bounce and reflect off a curved geometric line. -
Simulate a planetary gear system where sun and planet gears orbit and rotate based on motor speeds. -
Interactive point manipulation with dynamic rotation and drag-and-drop mechanics. -
Manage and render multiple concurrent scenes on a single canvas using a shared base class.
-
Render content on an OffscreenCanvas and sync it to the visible screen for optimized performance. -
A dynamic particle theater that culls screen-edge points and reacts to point velocity. -
A dynamic celestial visualization of the Sun and Earth with interactive scaling and dragging. -
A dynamic grid of pulsating points with interactive color and growth controls. -
Pure lerp mapping example using a custom `stepMotion` algorithm for smooth point transitions. -
Create a mirrored behavior where the second point dynamically follows and reflects the first point's rotation and radius. -
Create a dynamic rope-like chain of points that follow the mouse with smooth constraints. -
Simulate physics-based collisions and gravity for particles moving within a circular constraint. -
Organize and display multiple point groups in a structured linear arrangement across the stage. -
Pure lerp mapping example using a StaticLerpMap to animate point positions and radii over time. -
Interactive MIDI visualizer that maps piano keys to dynamic points and walkers. -
Integrate MIDI hardware to control point rotations and interactive dial values in real-time. -
A dynamic grid of points featuring real-time collision detection and interactive dragging. -
A dynamic "Bubble Box" animation featuring 1,000 velocity-driven points with HSL color scaling. -
A tiny walker that navigates towards Brownian points, featuring a trailing tail and leash physics. -
Explore directional graph structures where clicking a node highlights its connected children. -
Capture and export your stage visuals instantly with full and cropped image download methods. -
Render complex graphics using an OffscreenCanvas, then project them onto the main stage as images. -
Manage high-performance rendering by transferring canvas control to an OffscreenCanvas context. -
Render offscreen canvas content as high-performance ImageBitmaps for scalable drawing. -
Detects image boundary edges and captures cropped regions as downloadable blobs. -
A pinnable Verlet constraint chain simulating realistic rope physics and catenary curves. -
Emit a burst of points at a random location upon clicking the stage. -
None
-
Create an interactive canvas where users can drag and manipulate a dynamic linear gradient in real-time.
-
Generates a dynamic Fibonacci sphere of points with pseudo-3D perspective and depth-based coloring.
-
Explore a dynamic grid plane where users can pan and interact with physics-based points. -
Create a "hole" effect by overlaying shapes to cut through previous vector drawings. -
Visualizes the limitations of `Math.random()` by plotting thousands of persistent points in a sphere. -
Manipulate and reshape image data using dynamic filters like sepia, invert, and grayscale effects. -
Simulate dynamic line projections and intersection math using interactive point-based geometry. -
A simple Verlet integration rope simulation featuring interactive mouse-following and gravity physics. -
A physics-based rope simulation where a chain of points follows the mouse with gravity and constraints. -
High-performance demo of 30k interactive particles reacting to mouse movement and physics.
-
Randomized movement relative to a home location without drifting away from its origin. -
Calculate and visualize the geometric intersection points between two circular shapes. -
Connects two points at a fixed distance of their combined radii, creating a linked "elbow" joint. -
Create one-way constraints where points can be "leashed" or "tracked" by a primary anchor point. -
Lerp a point along a straight line by projecting mouse coordinates onto a defined line segment. -
Save and restore your point data seamlessly using JSON serialization with localStorage integration. -
Manage and render dynamic images, paths, and interactive elements on a live stage. -
Master mouse tracking with `track`, `avoid`, and `leash` constraints for dynamic point behaviors. -
Sync movements: Link two points so that dragging one automatically affects the other's XY position. -
Create synchronized Bezier curves where points mirror rotations and movements in real-time. -
Manage point collisions and locking mechanics using a grid-based coordinate system. -
Manages the primary canvas and point relationships for interactive stage interactions. -
Learn how to bind and synchronize properties between points using the Coupling function. -
Manage synchronized movements by coupling multiple points to share properties like position and rotation.
-
Generates a dynamic geometric pattern of interconnected Bezier curves forming a circular flower-like shape. -
Generates dynamic Bezier curves in a circular pattern using calculated bezier factors for smooth motion. -
Simulate interlocking gear mechanics with dynamic rotation, velocity binding, and interactive point spawning. -
Interactive stage for managing and animating multiple points with drag physics and text labels. -
Render a dynamic Catenary curve between two interactive, draggable anchor points. -
Display real-time mouse coordinates and smoothed speed data via a reactive UI widget indicator. -
Manage complex graph chains where points follow each other in one-to-one relationships. -
Create a bounding box by click-dragging to select multiple points and manage them with handles. -
Visualizes dynamic angle calculations and geometric projections between moving points in real-time. -
Calculate the rotation angle between two points in real-time with dynamic visual feedback. -
A dynamic grid of interactive points that react and project toward your cursor. -
Interactive grid panning with physics-based inertia and smooth camera movement. -
Create and manage a dynamic, draggable grid of points for structured layouts. -
Creates a sophisticated pseudo-blur effect using layered radial gradients and primary point mapping. -
Generate dynamic geometric chord shapes and point lists based on a central pivot point. -
Generates and renders geometric parallel chords and segments within a circle based on point dynamics. -
Create responsive stages that adapt to window resizing and handle interactive controls.
-
Generates dynamic linear gradients between two points with randomized HSL colors and positions. -
Generate complex geometric patterns like triangular, hexagonal, and cubic grids of points. -
None
-
One-way synchronization: updates flow from the primary node to coupled points without feedback.
-
Create a smooth radial gradient from a single center point with dynamic color stops. -
Create dynamic radial gradients using a single origin point to smoothly transition colors across the canvas. -
Sync and link multiple points with relative offsets for real-time, bidirectional updates.