Auto-Framing Algorithm
Move the red cursor into the blocks below. Notice how the camera detaches from the cursor to show the full context.
1. The "Readme" Scenario
Wait here! Even if you move the cursor to the corners of this box, the camera stays centered.
Screen Studio recognizes that this is a semantic unit. It calculates a bounding box and forces the camera to "fit" this element into the viewport with a comfortable padding. This prevents the "shaky cam" effect when reading long texts.
npm install smart-camera-system
2. The "Wide Dashboard" Scenario (Requires Zoom Out)