SalonTwin — browser study

— FPS

Loading the portrait and loose waves…

Hairstyle

Color, quality and motion settings carry over. Changing styles resets the view and hair edits.

Long, loose waves test: seven fixed scalp sections. Every strand pulls straight from its root. Turn off to release.

Drag to inspect held sections, or turn on Scissors to cut them in place. Release sections before grabbing. Hair swing pauses while sectioned.

Hair color

Choose any color

Turn head lets you rotate the head with one finger. Hair swing follows head turns and adds a gentle breeze when idle. Turn head OFF locks one-finger/left-drag rotation while swing is on. Camera arrows, WASD and right-drag pan the view without rotating the head. Swing pauses during sectioning, grabbing or cutting. Two fingers zoom.

Turn on, then drag the hair with one finger. Lift to hold. Turn off or tap empty space to release the hair; it settles back down. Cuts stay in place. Use two fingers to zoom.

Draw across visible hair, then lift to cut. Auto-section stays held while cutting; Undo restores the cut. Switching away from Grab & hold releases held sections. Undo keeps up to 30 cutting strokes. Cuts and undo history reset when you restore, reload or change hairstyles.

Drag uses the app's Grab & hold constraints, ported for this browser test. Release smoothly returns hair to its resting shape. Head swing uses a lightweight spring response. Scissors trim the visible strands; cut pieces disappear without falling or settling. 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 with flat colors and no added lighting.

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.