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.

Browse categories

raw: 41 Examples

Theatre files

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