Назад до огляду спеціалізації
React 19

Просунутий 3D, Шейдери та Фізика

Кастомні GLSL шейдери в R3F, конвеєр пост-процесингу, фізика Rapier 3D, InstancedMesh для 50 000+ об'єктів та Spatial WebXR

5 уроків•~120 хв•+150 XP
Прогрес теми
0%(0/5)
Залишилося вивчити: 5

Список уроків у модулі (5)

5 статей за порядком
01

Написання кастомних GLSL шейдерів в R3F: Vertex & Fragment шейдери, Uniforms та процедурні матеріали

25 хв•+30 XP
02

Пост-процесинг в React Three Fiber: конвеєр ефектів Bloom, SSAO, Depth of Field та кастомні шейдерні паси

25 хв•+30 XP
03

Фізика в 3D з @react-three/rapier: тверді тіла (RigidBody), колайдери, шарніри, гравітація та Raycasting

25 хв•+30 XP
04

Оптимізація важких 3D сцен: InstancedMesh для 50 000+ об'єктів, стиснення Draco, рівні деталізації (LOD)

25 хв•+30 XP
05

Просторові інтерфейси та WebXR: інтерактивні 3D-оверлеї (Drei Html), VR/AR контролери та 3D-HUD

20 хв•+30 XP
Перейти до наступного розділу (Next.js 16+)