Performance
luxy effects are designed to degrade deliberately. Use quality tiers and reduced-motion policy to keep reward UI responsive on lower-end devices while preserving the flow and callbacks.
Scratch card performance controls
| Option | What it affects |
|---|---|
effects.particles | Scratch dust count and lifetime. |
effects.sparkle | Faceted glints and soft sweep. |
effects.foil | Foil treatment and fallback. |
effects.shader | Shader vs static-gradient rendering path. |
effects.quality | Per-card quality tier override. |
brush | Stamp size and sampling cost. |
<ScratchCard
outcome={outcome}
cover="premium"
effects={{ shaderAvailable: false, particles: { maxParticles: 24 } }}
renderReveal={renderReward}
/>
Slot performance controls
| Option | What it affects |
|---|---|
effects.motionBlur | Blur intensity derived from reel velocity. |
effects.paylineGlow | Static or pulsing payline treatment. |
effects.winParticles | Final win pulse treatment. |
effects.quality | Per-machine quality tier override. |
physics | Cycles, velocity, stiffness, damping, and stop timing. |
renderSymbol | Repeated symbol tree complexity. |
<SlotMachine
outcome={outcome}
symbols={slotSymbols}
effects={{ motionBlur: { maxOpacity: 0.18 }, quality: "low" }}
physics={{ minCycles: 2, staggerCycles: 0, stopStaggerMs: 100 }}
/>
Native validation
Web export is useful for smoke checks, screenshots, and copy review. It does not prove native frame budget, tactile haptic timing, Gesture Handler conflict behavior, or screen-reader behavior.