SalonTwin — browser study

— FPS

Loading the portrait and loose waves…

Hair color

Choose any color

Drag the head with one finger. Hair lags, swings and settles. Two fingers zoom.

Turn on, then drag the hair with one finger. Lift to hold. Turn off to rotate the view; use two fingers to zoom.

Wind animationWind strength

Wind paused

Drag uses the app's Grab & hold constraints, ported for this browser test. Head swing uses a lightweight spring response. Wind remains a visual preview. Full head/hair collision physics is not running.

—median frame · ms

—p95 frame · ms

Appearance & quality

Curve sampling Visible strands Portrait textures Pixel density

All strands are loaded. Lower density explicitly hides strands; it does not change source data. Curve sampling and compact geometry are approximations. Hair uses simplified ribbons and shading.

Renderer & measurement details

Frame intervals include browser scheduling and display cadence; they are not isolated GPU timings. Desktop results do not validate iPhone Safari performance. Drag constraints run on the CPU only while moving a selected section. No service worker, analytics or offline cache.

For review: hairline, sides, nape and texture alignment. The existing head may include baked hair; this is not a reconstructed bald scalp.