MANUAL STUDY / RESPONSIVE + OFFSCREEN
The canvas has two sizes.
Ten focused modes compare CSS layout, drawing-buffer sizing, device pixels, worker transfer, event proxies, and normalized-coordinate picking.
Preparing responsive study—
Creating a scene that reports both the CSS display rectangle and the drawing buffer…
- mode
- —
- family
- —
- objects
- 0
- CSS size
- —
- buffer
- —
- pixel ratio
- —
- transport
- —
- frames
- 0
- loop
- running
—study / application-owned
Responsive study failed.The renderer could not initialize.
Official pages use clientWidth/clientHeight, setSize(width, height, false), devicePixelRatio, OffscreenCanvas transfer, worker message handlers, an ElementProxyReceiver, and worker-side Raycaster picking. This route keeps those contracts visible with local scene fixtures.
THREE.JS FOUNDATIONS / TWO CANVAS SIZES