gradient 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

gradient: 11 Examples

Theatre files

  • gradient-linear-two-point thumbnail
    Create a dynamic linear gradient between two interactive points with real-time dragging support.
  • gradient-linear-one-point thumbnail
    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.
  • gradient-class-radial-two-point thumbnail
    Interactive radial gradient generator with draggable inner and outer point controls.
  • emitter-sun thumbnail
    A dynamic radial emitter creating a glowing sun effect with gradient-filled particles and physics.
  • Create an interactive canvas where users can drag and manipulate a dynamic linear gradient in real-time.
  • gradient-psuedo-blur thumbnail
    Creates a sophisticated pseudo-blur effect using layered radial gradients and primary point mapping.
  • gradient-random-example thumbnail
    Generates dynamic linear gradients between two points with randomized HSL colors and positions.
  • gradient-radial-one-point thumbnail
    Create a smooth radial gradient from a single center point with dynamic color stops.
  • gradient-conic thumbnail
    Create dynamic radial gradients using a single origin point to smoothly transition colors across the canvas.
  • paperquilts-sun thumbnail
    None