three.js Scene Setup
Create a responsive 3D scene with module imports, a camera, WebGL renderer, animation loop, and OrbitControls.
Flujos originales para sitios web, imágenes, presentaciones y todo lo que se mueve.
Create a responsive 3D scene with module imports, a camera, WebGL renderer, animation loop, and OrbitControls.
Audit Three.js and React Three Fiber applications for frame-loop, GPU resource and visual problems.
Build rich, scroll-controlled real-time Three.js experiences as one persistent 3D world whose camera, lighting, atmosphere, materials, objects, DOM story, and interactions evolve across authored chapters. Use for 3D scrollytelling, scroll-driven WebGL worlds, camera journeys, interactive portfolios, product stories, exhibitions, explainers, game or film microsites, spatial narratives, and multi-scene websites where native scroll should travel through one continuous place. Not limited to landing pages.
Load glTF or GLB models, play and blend animation clips, and configure compressed geometry and texture decoders.
Choose PBR or unlit materials, build light rigs, fit shadow maps, and use environment lighting and reflections.
Three.js scene setup, cameras, renderer, Object3D hierarchy, coordinate systems. Use when setting up 3D scenes, creating cameras, configuring renderers, managing object hierarchies, or working with transforms.
Three.js shaders - GLSL, ShaderMaterial, uniforms, custom effects. Use when creating custom visual effects, modifying vertices, writing fragment shaders, or extending built-in materials.
Reconstruct reference objects and characters as procedural Three.js models with staged quality checks.
Una pequeña biblioteca hecha con cuidado. Pronto habrá más skills.