App Guide

Understanding Amorpher

A WebGPU-powered visual composition studio for sculpting gradients, glow, atmosphere, and motion into luminous digital imagery.

Overview

What Amorpher Is

Amorpher is a browser-based visual composition tool built on WebGPU for creating luminous images with gradients, glow, atmosphere, and motion. It is designed around a small set of powerful visual systems rather than a long list of isolated effects.

Each layer in Amorpher is almost a creative tool of its own. A single layer type can already produce rich and complete compositions because each one has a distinct visual language, a deep set of controls, and fast GPU-backed responsiveness in the browser. These layers can also be combined to create more complex results.

Full Amorpher interface showing the canvas and controls
Full interface overview.

Creative System

Blobs

The Blob layer is built for composing light objects that feel alive. Blobs can behave less like static shapes and more like energetic entities that react to one another through proximity, overlap, blending, scale, color, and motion.

Amorpher includes a varied set of blob types rather than a single default form. These can include, for example, solid blobs, rectangle-based blobs, rings, flower-like structures, and other shape families with their own visual character. This gives the Blob layer a wide range, from soft light masses to more graphic, structured, or ornamental forms.

  • Position
  • Horizontal and vertical radius
  • Rotation
  • Softness
  • Intensity
  • Color
  • Blend mode
  • Motion on X and Y
  • Motion frequency and phase
  • Shape-specific controls

Blobs can also be animated. Their motion system makes it possible to create oscillation and drift over time by controlling movement on the X and Y axes, along with frequency and phase. This allows blobs to feel less like fixed objects and more like active light bodies moving inside the composition.

Because multiple blobs can overlap, blend, and move in relation to each other, this layer is especially strong for building expressive compositions made of interacting light masses or energy-like visual entities.

Creative System

Paths

The Path layer makes it possible to create a controlled gradient along a path. That path can be either geometric or fluid, but the result is not limited to a narrow stroke. Because the path system is highly controllable, it can also be used to generate large and dramatic gradient compositions across the entire canvas.

Path gradient composition in Amorpher
Path gradient composition.

Path Types

  • Polyline - A path built from straight segments. It is useful for angular structures, directional breaks, and more geometric compositions.
  • Bezier - A curved path with bezier handle control. It is useful for organic flow, arcs, tension, and continuous motion.
Side-by-side comparison of Bezier and Polyline paths in Amorpher
Bezier and Polyline path types.

Render Modes

  • Continuous - Produces smooth, high-resolution gradients along the path.
  • Segmented - Produces stepped fan-like color transitions with a more fragmented and graphic character.
Side-by-side comparison of Continuous and Segmented path render in Amorpher
Continuous and Segmented path render.

Path Points and Power Points

The Path system includes both Path Points, which define the structure of the path itself, and Power Points, which shape the gradient behavior along the path.

Power Points make the system especially flexible. They allow local control over the visual character of the path, including properties such as strength, radius, color, and edge behavior. With them, a path can move far beyond the look of a simple line and become a full gradient instrument.

Fringe Control

One of the most distinctive features of the Path layer is asymmetric fringe control. Each power point can shape the edge behavior on both sides of the path independently.

  • Sharp edges on one side
  • Soft diffusion on the other
  • Controlled asymmetry
  • More lifelike and less mechanical light behavior

This is one of the reasons the Path layer can be used not only for strokes, but for entire luminous structures and large-scale gradient compositions.

Asymetric fringe blur control in Amorpher
Asymetric fringe blur control.

Creative System

Background Field

The Background Field layer is designed for broad atmospheric structure. It can be used to create large light zones, environmental glow, spatial depth, and overall mood behind or around the more defined elements in the composition.

  • Building ambient light
  • Separating foreground and background space
  • Balancing warm and cool areas
  • Creating large soft volumes
  • Giving the composition a cinematic atmosphere

While blobs and paths often provide more localized structure, the Background Field layer helps define the global visual climate of the image.

Creative System

Paint Layer

The Paint layer adds direct gesture-based control. Instead of creating only procedural objects, it lets the user place marks directly on the composition.

  • Paint Brush - For adding localized color and glow.
  • Eraser - For subtracting from the paint layer with precision.

This layer is useful for accents, irregularity, painterly texture, local corrections, and any situation where a more manual touch is needed.

Interaction

Basic Interaction Model

Amorpher combines panel-based control with direct on-canvas control. This makes the system feel less like filling in settings and more like sculpting visual behavior.

  • Select objects and edit them numerically
  • Drag and shape objects directly on the canvas
  • Reposition points and handles visually
  • Adjust gradients and influence zones in place
Replace with a clean screenshot of the interface showing the overlay and several control handles at once.
Interface and overlay placeholder.

Summary

A Small Number of Deep Visual Instruments

Amorpher is built around a small number of powerful visual systems: Blobs, Paths, Background Fields, and Paint. Each one can function almost like an independent creative instrument. Blobs are ideal for compositions made of interacting light entities. Paths make it possible to build controlled gradients along Polyline or Bezier structures, either as smooth high-resolution flows in Continuous mode or as stepped fan-like transitions in Segmented mode. Background Fields shape atmosphere at a large scale, and Paint adds direct gestural intervention. Together, these systems make it possible to construct images that feel luminous, dynamic, and deeply controllable.

Replace with a polished closing composition that feels complete and representative of the tool as a whole.
Closing composition placeholder.