RENDERING RUNTIME / PROTOTYPE

Qvert Layer3D

Qvert Layer3D is a planned lightweight pseudo-3D composition system for synthesizing apparent geometry from reusable 2D primitives without requiring a conventional 3D engine.

Core model

A neutral primitive is duplicated into a controlled layer stack; each layer receives calculated size, position, Z-depth, material tint, and transform state; the browser performs perspective projection and compositing.

Primitive + depth function + material profile + synchronized transform = pseudo-3D object.

Calculated curvature

Curvature can be approximated mathematically rather than by storing pre-rendered frame libraries.

z = sqrt(r² - x²)

// spherical height field
z = sqrt(r² - x² - y²)

Initial rendering primitives

  • Neutral grayscale square, circle, strip, and rounded-strip primitives.
  • Runtime resizing and clipping instead of every discrete dimension.
  • Layered translateZ() offsets under shared CSS perspective.
  • SVG masks and CSS gradients for color, edge, rim, and material treatment.
  • LOD-controlled slice counts for small, medium, and hero-scale surfaces.

Target host surfaces

Browser applications, PWAs, WebView2 hosts, Electron, Nativefier-style wrappers, Flask front ends, and comparable application shells.

Good-fit geometry

Coins, badges, medallions, dials, cards, rings, shallow extrusions, logo relief, cylinders, and other constrained presentation objects are initial targets. Free-camera scenes and physically correct lighting remain outside the intended scope.

Prototype status

The concept is cataloged and the first proof is the Qvert hero coin. Rev 0 engine architecture and implementation will follow separately.

Open product record