3d-graphics

To set up a Three.js scene, configure cameras, lights, and render loops to establish the foundational 3D environment. This skill provides structured patterns for scene setup, enabling interactive web experiences across WebGL and WebGPU contexts.

Yes, you can load GLTF and FBX models into a WebGL application using Three.js asset loaders. The skill covers model loading and integration, including handling materials, textures, and animations imported from external 3D modeling software.

Three.js supports VR and XR interactions for building immersive web applications. The skill addresses VR/XR interaction patterns, enabling use cases like architectural walkthroughs and product configurators directly in compatible browsers.

The best way to add post-processing and shadows in Three.js is through its built-in effect composer and shadow map APIs. This skill guides integration of these visual effects alongside custom shaders to enhance scene realism.

You need WebGPU instead of WebGL when requiring lower-level GPU access and modern rendering pipelines for complex 3D graphics. This skill covers Three.js workflows across both WebGL and WebGPU to align with your performance needs.

You integrate custom shaders into a Three.js render loop by attaching shader materials to geometry within your scene graph. The skill provides practical patterns for shader integration alongside standard lighting and animation workflows.