“three.js”的搜索结果

使用Three.js制作浏览器中的三维元素与可交互体验，涵盖场景构建、材质外观、交互控制和渲染后视觉效果，支持从显示到操作与外观调整的制作工作。

• 为网页制作三维元素
• 制作浏览器交互式三维体验
• 调整材质外观与操作方式

Build open-ocean scenes in Three.js with rolling waves, reflections, sun glitter, foam, and boat wakes. A reusable module also provides wave-height queries for floating objects and techniques for keeping distant water stable as the camera moves.

中文简介正在准备中。当前显示英语简介。

• Create ocean scenes in daylight or at sunset
• Add wakes and hull foam to ships and boats
• Make floating objects follow the rendered waves

Write, review, and optimize Three.js scenes using guidance on memory cleanup, rendering, models, textures, and lighting. Apply examples to reduce unnecessary work, investigate memory leaks, and adjust 3D experiences for mobile devices.

中文简介正在准备中。当前显示英语简介。

• Reviewing rendering performance in Three.js scenes
• Fixing memory leaks when switching 3D views
• Optimizing models and textures for mobile devices

Helps agents build the foundations of a Three.js scene, including cameras, rendering settings, object grouping, and movement. Code examples cover coordinate systems, resizing, animation timing, resource cleanup, and basic performance improvements for browser-based 3D projects.

中文简介正在准备中。当前显示英语简介。

• Set up a browser-based 3D scene
• Choose between perspective and orthographic cameras
• Move or rotate several objects as a group

Add glow, depth-based blur, color correction, and other finishing effects to Three.js scenes. Covers combining effects with EffectComposer, writing custom shaders for screen effects, handling window resizing, and adjusting rendering workload.

中文简介正在准备中。当前显示英语简介。

• Adding glow to objects in a 3D scene
• Adjusting background blur and scene colors
• Highlighting selected objects with outlines

Build asset loading for Three.js scenes, including 3D models, textures, and HDR images for backgrounds and reflections. Coordinate multiple files, track loading progress, reuse cached assets, and handle failures with retries or fallback files.

中文简介正在准备中。当前显示英语简介。

• Load GLTF/GLB models into a Three.js scene
• Show loading progress across multiple assets
• Use HDR images for backgrounds and reflections

Find topic-specific API guidance and implementation patterns for Three.js projects. Ten references cover scene setup, geometry, materials, lighting, textures, animation, loading models, custom visual effects, postprocessing, and mouse or touch interaction.

中文简介正在准备中。当前显示英语简介。

• Set up a 3D scene with cameras and lighting
• Check how to load GLTF models
• Implement animation and custom visual effects

Build browser-based 3D games with Three.js, TypeScript, and Vite. Structure scene and camera control, model loading, physics, and interface overlays separately from game rules, with guidance for WebGL rendering diagnostics and performance.

中文简介正在准备中。当前显示英语简介。

• Build a browser-based 3D exploration demo
• Prototype vehicle movement or character traversal
• Load GLB models and integrate Rapier physics

Refine wood materials and lighting in three.js interiors using procedural grain, window light, contact shadows, rays, and dust. A runnable scorecard measures eight aspects of the rendered image, helping guide revisions toward a chosen target score.

中文简介正在准备中。当前显示英语简介。

• Lighting carved wood, kumiko, and workshop scenes
• Fixing wood that looks flat, plastic, or washed out
• Adjusting light shafts while preserving dark tones

Implement fog of war, an effect that conceals unseen areas, in Three.js action games. It combines soft visual boundaries with obstacle-aware visibility rules for targeting and combat, plus performance tuning and testing guidance.

中文简介正在准备中。当前显示英语简介。

• Add soft, wall-aware fog to a Three.js game
• Align hidden-enemy targeting with visibility rules
• Fix radial streaks and seams in fog rendering

Build woven fabric in Three.js with visible threads, realistic sheen, seams, and thick hems. The skill covers folds that preserve texture proportions, light passing through thin cloth, and variations in dye and wear.

中文简介正在准备中。当前显示英语简介。

• Creating backlit curtains
• Differentiating linen, silk, and wool
• Adding hems and stitches for close-up views

Create realistic metal surfaces in Three.js by combining structured reflections, studio lighting, scratches, fingerprints, and beveled edges. Includes polished, brushed, and aged finishes for objects such as tools, rings, and metal product parts.

中文简介正在准备中。当前显示英语简介。

• Fixing metal that looks like gray plastic
• Creating polished or brushed metal finishes
• Adding patina and worn edges

Style Three.js objects with realistic, cartoon, or custom materials. Choose material types, adjust textures and reflections, create glass or metal effects, and use shader code for custom appearance while considering rendering performance.

中文简介正在准备中。当前显示英语简介。

• Give 3D objects metal or glass surfaces
• Create cartoon-style shading
• Adjust textures and environmental reflections

Add mouse, touch, and keyboard interaction to Three.js scenes. Implement object picking, camera navigation, dragging, and transform handles, with examples for selection feedback, coordinate conversion, and limiting the cost of interaction checks.

中文简介正在准备中。当前显示英语简介。

• Select 3D objects with clicks or touch
• Add camera rotation and zoom controls
• Drag, rotate, and scale objects

Build custom visual effects in Three.js using shaders, programs that control shape and surface appearance. Add animated waves, glowing edges, gradients, or dissolving surfaces, and extend existing materials with custom rendering behavior.

中文简介正在准备中。当前显示英语简介。

• Animate a surface with wave-like deformation
• Add glowing edges or gradients
• Create a dissolving surface effect

Animate 3D objects in Three.js using timed keyframes, bone movement, and shape changes. Play animations stored in GLTF models, control playback speed and looping, blend actions, and create motion through code.

中文简介正在准备中。当前显示英语简介。

• Playing animations included in GLTF models
• Blending idle, walk, and run animations
• Animating facial expressions and bones

Configure images and videos as surface textures in Three.js, and use environment images for backgrounds and reflections. Adjust placement, color settings, repetition, and filtering, then manage texture memory through compression, reuse, and disposal.

中文简介正在准备中。当前显示英语简介。

• Adjust image placement and tiling on 3D surfaces
• Use HDR images for backgrounds and reflections
• Apply video or Canvas content to a 3D surface

Create Three.js shapes, custom meshes, 3D text, and point clouds. Explains vertex editing and geometry utilities, plus instancing, a technique for efficiently drawing many copies of the same shape with different positions, sizes, or colors.

中文简介正在准备中。当前显示英语简介。

• Creating basic solids and path-based 3D shapes
• Building and modifying custom meshes
• Displaying 3D text, point clouds, and wireframes

Set up lighting and shadows in Three.js scenes. Choose light types, create outdoor or studio lighting, use environment images to illuminate materials, and tune shadow settings to balance appearance with rendering performance.

中文简介正在准备中。当前显示英语简介。

• Create sunlight and sky lighting outdoors
• Set up studio or three-point lighting
• Use HDR images for environment lighting

Create a 3D object with three.js, inspect it from every angle in an interactive viewer, and download it as OBJ + MTL or GLB for use in other 3D applications.

中文简介正在准备中。当前显示英语简介。

• Create a 3D object and inspect it from every angle
• Export a model for further editing in Blender
• Review an object's silhouette and materials

Create interactive 3D scenes for websites, including product views and scroll-driven animations. Covers choosing Three.js, React Three Fiber, or Spline, preparing lightweight models, showing loading progress, and adapting experiences for mobile devices.

中文简介正在准备中。当前显示英语简介。

• Building an interactive 3D product configurator
• Adding 3D scenes to a portfolio
• Animating models and cameras as visitors scroll

Build a Three.js 3D model from an object or character reference image using code. The workflow develops shapes and materials in stages, compares rendered views with the reference, and guides corrections through quality checks.

中文简介正在准备中。当前显示英语简介。

• Rebuilding a photographed object as a browser-based 3D prop
• Creating a stylized character from a reference image
• Planning model parts, materials, and animation pivots

Create or debug interactive web scenes with Three.js, including product viewers and animated page visuals. The skill covers cameras, lighting, model loading, controls, performance tuning, and cleanup of graphics resources when scenes close.

中文简介正在准备中。当前显示英语简介。

• Creating an interactive 3D product viewer
• Adding an interactive 3D hero scene
• Loading glTF models and setting up controls

Transform an article, case study, or brand story into a connected scrolling page. Choose scroll-controlled video, a real-time Three.js scene, or HTML with charts and typography, then organize the narrative into five to seven clear stages.

中文简介正在准备中。当前显示英语简介。

• Turn a long article into a visual scrolling journey
• Present a product story through a connected 3D scene
• Explain report findings with scrolling charts and text