| /////////////////////////////////////////////////////////////////////////////// | |
| // ABOUT: A unity Shader .cginc to draw numbers in the fragment shader | |
| // AUTHOR: Freya Holmér | |
| // LICENSE: Use for whatever, commercial or otherwise! | |
| // Don't hold me liable for issues though | |
| // But pls credit me if it works super well <3 | |
| // LIMITATIONS: There's some precision loss beyond 3 decimal places | |
| // CONTRIBUTORS: yes please! if you know a more precise way to get | |
| // decimal digits then pls lemme know! | |
| // GetDecimalSymbolAt() could use some more love/precision |
| import { useMemo } from "react"; | |
| import { useSearchParams } from "react-router-dom"; | |
| type ParseConfig = Record< | |
| string, | |
| | { type: "string"; defaultValue?: string } | |
| | { type: "number"; defaultValue?: number } | |
| | { parse: (value: URLSearchParams) => unknown } | |
| >; |
| /** Using a faux sphere in screen space, determine the arc transform to orbit | |
| * the camera around a target position. A continuous orientation will | |
| * be provided for further calls. | |
| */ | |
| function arcBallTransform( | |
| scrSize, // Screen size, vec2 | |
| scrPos0, // Starting mouse position, vec2 | |
| scrPos1, // Ending Mouse Positiong, vec2 | |
| rotOrientation, // Current arc orientation, quaternion | |
| targetPos, // Position to orbit around |
| // InstancedMesh helpers | |
| // | |
| import { | |
| BufferAttribute, | |
| InstancedBufferGeometry, | |
| InstancedMesh, | |
| Matrix4, | |
| Vector3, | |
| Vector4, | |
| } from "three" |
All of the below properties or methods, when requested/called in JavaScript, will trigger the browser to synchronously calculate the style and layout*. This is also called reflow or layout thrashing, and is common performance bottleneck.
Generally, all APIs that synchronously provide layout metrics will trigger forced reflow / layout. Read on for additional cases and details.
elem.offsetLeft, elem.offsetTop, elem.offsetWidth, elem.offsetHeight, elem.offsetParent