Libraries / L29 · Library · Responsive scenes

resolve

A resolution ladder as data

390 x 844 CSS px · shown at 100%

Sequence tier: –
Canvas pixel ratio: –
Device px needed: –
Texture: –
Shadow map: –
Tier weight (AVIF): –
Largest tier (AVIF): –

Why

Loading the sequence manifest.

GPU detection uses detect-gpu, which compares your GPU with public benchmark data and may fetch that data from a CDN; it runs only when you press the button.

Your tier: –
Your pixel ratio: –
Why: –

import { decide, explain, readEnvironment, targetFromManifest } from "@quartifex/resolve";

const decision = decide(readEnvironment(gpuTier), targetFromManifest(manifest, { fit: "cover" }));
console.log(explain(decision));

Every value here follows a control; nothing animates.

Loading the demo.

About resolve

Category: Responsive scenes
Status: built
Build order: 6 · gate P2
Effort: M
Depends on: rushes

Use it

pnpm add @quartifex/resolve

Not on npm yet: the first release is pending. The quickstart, API table, browser support and limitations are in the README.

Home Libraries Sites Seeds Saved Studio

Demo

Why

About resolve

Use it

Why