Lộ trình

Vector, ma trận, phép xoay, nội suy và không gian màu — toàn bộ ngôn ngữ toán mà mọi track sau đều nói.

Nền móng không được bỏ qua: pipeline, buffer, shader và state machine của GPU — không thư viện nào che chắn.

Ngôn ngữ của GPU: cú pháp, hàm dựng sẵn, distance field và tư duy viết code chạy song song cho từng pixel.

Three.js thuần không React: scene graph, material, ánh sáng, loader và đọc source để hiểu thư viện làm gì hộ bạn.

Reconciler chứ không phải wrapper: vòng đời, disposal, drei và cách compose cảnh 3D bằng tư duy React.

Timeline, ScrollTrigger và nguyên tắc animation — cộng bài học ai cũng làm sai: đồng bộ GSAP với render loop của R3F.

ShaderMaterial, onBeforeCompile và hệ thống shader chunk — can thiệp vào material của Three mà vẫn giữ lighting.

Hash, Perlin, FBM, domain warping — bộ công cụ tạo mây, nước, địa hình và mọi thứ hữu cơ từ công thức.

Dựng cả thế giới trong một fragment shader: sphere tracing, SDF, bóng mềm và không gian lặp vô hạn.

Lưu trạng thái vào texture, ping-pong FBO và instancing — chạy hàng triệu particle mà CPU không đổ mồ hôi.

EffectComposer, bloom, DOF, color grading — lớp hoàn thiện điện ảnh, và cái giá fillrate của từng pass.

Rendering equation, BRDF, IBL — hiểu vật liệu và ánh sáng đủ sâu để biết vì sao asset của bạn trông 'nhựa'.

Đo trước khi tối ưu: draw call, culling, asset pipeline, mobile GPU và cách ship cảnh 3D chạy mượt thật sự.

Bốn dự án lớn tổng hợp toàn bộ lộ trình: showcase cuộn trang, địa hình raymarch, một triệu particle và portfolio 3D đạt Lighthouse 90+.