3D & rendering skills
Build scenes, light materials and work with geometry and shaders.
24 skills in 3D & rendering
Three.js
3D Testing and Visual QA
Test Three.js features with browser checks, deterministic visual fixtures, lifecycle tests, and device-specific evidence.
By cesartevisual MIT
Three.js
Accessible 3D Experiences
Make Three.js interactions usable with keyboards, assistive technology, reduced motion, and non-3D fallbacks.
By cesartevisual MIT
Three.js
Animation and Timelines
Implement Three.js animation clips, skeletal animation, transitions, scroll timelines, and frame-independent motion.
By cesartevisual MIT
Three.js
Asset Loading and Optimization
Load, validate, compress, cache, and release glTF models, textures, decoder assets, and user-supplied 3D files.
By cesartevisual MIT
Three.js
BIM, GIS, and Large Coordinates
Integrate Three.js BIM/IFC, GIS, CAD, measurements, clipping, and large-coordinate datasets.
By cesartevisual MIT
Three.js
Build and Delivery
Prepare and verify Three.js web builds, asset hosting, decoder paths, caching, and deployment compatibility.
By cesartevisual MIT
Three.js
Custom Shaders
Write and debug Three.js GLSL shaders, custom material effects, uniforms, and shader deformation.
By cesartevisual MIT
Three.js
Geometry and Instancing
Create or optimize Three.js BufferGeometry, procedural meshes, instanced objects, and geometry attributes.
By cesartevisual MIT
Three.js
Lighting and Shadows
Light Three.js scenes using environment maps, direct lights, baked light, and tuned shadow maps.
By cesartevisual MIT
Three.js
Materials and Textures
Implement Three.js PBR materials, texture mapping, transparency, and color-management fixes.
By cesartevisual MIT
Three.js
Particles and Large Data
Build Three.js particle systems, point clouds, large repeated datasets, and CPU or GPU simulations.
By cesartevisual MIT
Three.js
Performance and Memory
Profile and optimize Three.js frame time, GPU workload, asset memory, and resource leaks.
By cesartevisual MIT
Three.js
Physics Integration
Integrate Rapier or another physics engine with Three.js, including colliders, fixed timesteps, and render synchronization.
By cesartevisual MIT
Three.js
Picking and Controls
Implement Three.js pointer picking, orbit controls, object dragging, selection, and synchronized HTML controls.
By cesartevisual MIT
Three.js
Postprocessing Pipelines
Add or debug Three.js bloom, antialiasing, ambient occlusion, depth effects, and render-target composition.
By cesartevisual MIT
Three.js
Product Viewers and Configurators
Build Three.js product viewers with material variants, camera presets, hotspots, configuration state, and image export.
By cesartevisual MIT
Three.js
React Three Fiber and Drei
Build or fix React Three Fiber scenes, Drei helpers, Suspense loading, events, and React lifecycle integration.
By cesartevisual MIT
Three.js
Rendering Diagnostics
Diagnose Three.js black canvases, missing meshes, wrong colors, flicker, picking bugs, and context loss.
By cesartevisual MIT
Three.js
Scenes, Cameras, and Math
Build or correct Three.js scene hierarchies, camera framing, coordinate transforms, and responsive renderer lifecycles.
By cesartevisual MIT
Three.js
Spatial Audio
Add Three.js spatial audio, user-controlled playback, listener movement, and audio lifecycle handling.
By cesartevisual MIT
Three.js
Three.js Web Projects
Plan and implement complete Three.js web experiences, or select focused skills for an existing 3D feature.
By cesartevisual MIT
Three.js
Web and Framework Integration
Integrate Three.js with responsive HTML, Next.js or other frameworks, scroll sections, overlays, and multiple views.
By cesartevisual MIT
Three.js
WebGPU and TSL
Build or migrate Three.js WebGPURenderer, TSL node materials, and GPU compute features.
By cesartevisual MIT
Three.js
WebXR
Implement Three.js VR or AR sessions, XR input, reference spaces, hit testing, and session lifecycle.
By cesartevisual MIT