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

WebGL Pointer Tilt Card

WebGL 포인터 틸트 카드 · atlas-live-3d-tilt

A solid card rotates with the pointer using a Three.js mesh, camera, and lights.

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.