three.js Scene Setup
Create a responsive 3D scene with module imports, a camera, WebGL renderer, animation loop, and OrbitControls.
Originale Workflows für Websites, Bilder, Präsentationen und bewegte Inhalte.
Create a responsive 3D scene with module imports, a camera, WebGL renderer, animation loop, and OrbitControls.
Reconstruct reference objects and characters as procedural Three.js models with staged quality checks.
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.
Art-direct and implement distinctive, motion-rich marketing, editorial, portfolio, and landing websites with original reference-inspired imagery, standout heroes, GSAP choreography, one smooth-scroll engine, optional Three.js shaders, honest icon and logo sourcing, photo avatars, accessibility, and performance safeguards. Use when a user asks for an Awwwards-quality, premium, cinematic, interactive, high-concept, or motion-led website, or explicitly requests this visual and motion system.
React Doctor workflows for scanning React code, planning fixes, inspecting Three.js and measuring runtime performance.
Eine kleine, sorgfältig gestaltete Bibliothek. Weitere Skills folgen.