Reference index / 실시간 3D 인터랙션

WebGL Layer Depth Stack

WebGL 입체 레이어 스택 · atlas-live-3d-depth

Rotate five solid plates separated along the z axis and expand them on activation.

Try the example

When to use it

Interact with the card, then copy its standalone HTML example.

Caveats and distinctions

An original ATLAS learning example. Validate accessibility, performance, and error states before production use. Reduced-motion preferences are respected.

Implementation and classification

3D·렌더링 / 실시간 3D 인터랙션 / Three.js

Sources and verification status

https://threejs.org/manual/en/creating-a-scene.html

구현 API 참고문서 · 공식 문서 참고 · 자체 제작 예제

Source scope and verification status describe the existing catalog record. Publishing this page does not independently re-verify the latest library version, license, or production behavior.