raw 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.
raw: 41 Examples
Theatre files
-
Simulate physics-based points with gravity, collision bouncing, and advanced angular rotation. -
A dynamic Three Point Drawarc system featuring interactive gradients and drag-enabled arcs.
-
Detects and visualizes image boundary edges using real-time pixel data analysis and point plotting.
-
A stick figure animation using distance constraints and graph traversal for skeletal movement. -
Generates flowing, multi-colored spectrum lines using Perlin noise for a dynamic wave effect. -
A physics-based rope simulation where a chain of points follows the mouse with gravity and constraints. -
A gravity-based physics simulation featuring planets, asteroids, and orbital mechanics. -
A gravity-based space simulation featuring asteroids orbiting planets with collision physics. -
A gravity-based celestial simulation featuring asteroids bouncing and orbiting planets in a mini-space world. -
Launch and interact with asteroids in a gravity-based space simulation. Click/drag to launch!
-
None
-
None -
Soft-body physics simulation featuring interactive, wobbling jelly squares with gravity and drag. -
Simulates gravitational physics using a Quad-Tree and Barnes-Hut algorithm for efficient body motion. -
Detects image boundary edges and captures cropped regions as downloadable blobs. -
Manipulate and reshape image data using dynamic filters like sepia, invert, and grayscale effects. -
Create dynamic, interactive grids of points using reshaping and mouse-tracking logic.
-
A dynamic graph system where rotating a single point influences the entire connected web. -
A dynamic graph where rotating one point propagates through connected lines to sync all others. -
Synchronized rotation of graph nodes where rotating one point affects all connected points. -
Simulate gravitational physics with pairwise forces to create dynamic, orbiting point masses. -
Simulate multi-body orbital mechanics using a high-precision Runge-Kutta 4 (RK4) gravity integrator. -
A raw graph implementation featuring dynamic chain connections and distance constraints for point logic. -
Manage complex graph chains where points follow each other in one-to-one relationships. -
Create an interactive canvas where users can drag and manipulate a dynamic linear gradient in real-time.
-
Creates a dynamic four-point arc loop with interactive dragging and smooth curved connections.
-
Render a dynamic four-point arc system with physics-based movement and spring constraints. -
Calculates and renders precise tangent lines to plot arcs through a pseudo-center for smooth curves. -
Renders smooth arcs by calculating tangent points through a pseudo-center to prevent overlapping lines. -
Splits cubic Bézier curves at a specific point using De Casteljau's algorithm and interactive dragging. -
Calculate and visualize the Center of Mass and weighted dynamics for a set of points.
-
Calculates and visualizes center of mass and weighted centers for dynamic point sets.
-
Manage interactive point collisions and spatial shuffling on a dynamic grid stage. -
None
-
None
-
Create fluid, organic brush strokes with dynamic physics-based velocity and adaptive thickness. -
Experimental catenary solver that calculates and draws realistic hanging curves between weighted nodes.
-
Randomized movement relative to a home location without drifting away from its origin. -
Directional Tangent 5: Generates smooth cubic Bezier arcs based on point orientation and tangents. -
A loopy, geometric exploration of directional tangents and sibling point projections. -
High-performance demo of 30k interactive particles reacting to mouse movement and physics.