Three.js Depth & Transparency Lab

passes: —
draw calls: —
triangles: —
queue: —
target: —
est. memory: —

Keyboard: 1 blend, 2 alpha test, 3 alpha hash, D depth test, W depth write, O đổi pipeline, ←/→ xoay camera, R reset.

Đang khởi tạo WebGL 2…

Nếu màn hình này không biến mất, hãy kiểm tra WebGL 2 hoặc kết nối tới module Three.js đã ghim phiên bản.

Frame graph đang chạy

Đang khởi tạo…

Transparency diagnosis —

Depth diagnosis —

Color pipeline —

Actual target format RGBA8 · 1 attachment

Transparency queue

Strategy

Depth test — fragment phải vượt depth đang có. Depth write — card sống sót sẽ cập nhật depth buffer. Double sided — alpha-blended surface có thể cần thêm draw call.

Card B renderOrder 0

Auto-rotate cards để sort order đổi theo camera.

Alpha blend giữ vùng bán trong suốt nhưng phụ thuộc object order.

Depth & z-fighting

Surface separation 0.0000

Polygon offset cho decal overlay.

Camera near 0.10

Camera far

Camera azimuth 35°

Pass graph & target budget

Pipeline mode

Target resolution scale

MRT attachments (estimator)

Estimated color format

Attachment/format controls chỉ tính budget. Lab render target thật dùng RGBA8 một attachment để có fallback rộng và ổn định.

Color output

Tone mapping

Exposure 1.00

Đang tải Three.js…

Depth, Transparency & Render Targets

Khung nhìn pipeline 3D

Frame graph đang chạy