'threejs' 검색 결과

Build editable Three.js worlds from text or structured briefs, with terrain, distinct regions, landmarks, vegetation, and camera paths. Review the environment from multiple viewpoints and refine selected areas while preserving the overall layout and reproducible settings.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

• Build a continuous 3D landscape from a written brief
• Plan a camera fly-through across distinct regions
• Refine one area's terrain or vegetation placement

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

Entrypoint for building, upgrading, and finishing Three.js browser games. Routes work across the sibling threejs-* skills for gameplay, graphics, UI, 3D/image/audio asset generation, debugging, and release. Use for any request to build, upgrade, polish, or ship a Three.js game as a whole, at any scope from a small arcade prototype to a premium release.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

Generate, texture, rig, animate, stylize, convert, and download 3D assets for Three.js games via the Tripo API. Use for text-to-3D, image-to-3D, game-ready GLB/FBX, characters, creatures, buildings, props, weapons, terrain, auto-rigging, animation retargeting, model texturing, voxel/LEGO stylization, and low-poly conversion. Pair with threejs-image-generator for concept and texture references first.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

Load glTF/GLB models in three.js with GLTFLoader and play their skinned animations with AnimationMixer, including DRACO/Meshopt-compressed meshes and KTX2 textures. Use when importing 3D models into three.js — when the user mentions glTF, GLB, GLTFLoader, AnimationMixer, animation clips, DRACOLoader, or "load a 3D model". For scene/camera/renderer setup use threejs-scene-setup; for materials and lights use threejs-materials-lighting.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

Light and shade a three.js scene: choose materials (MeshStandardMaterial PBR vs unlit MeshBasicMaterial), add ambient/hemisphere/directional/point/spot lights, turn on shadow maps, and use an environment map (IBL) for realistic reflections. Use when a three.js model looks black, flat, or wrong — when the user mentions three.js materials, MeshStandardMaterial, lights, shadows, envMap, or PBR. For renderer/loop setup use threejs-scene-setup; for loading models use threejs-gltf-loading.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

Stand up a three.js scene: import maps and the three/addons path, the Scene/PerspectiveCamera/WebGLRenderer trio, the setAnimationLoop render loop, responsive resize, and OrbitControls. Use when starting or debugging a three.js app — when the user mentions three.js, THREE.Scene, WebGLRenderer, PerspectiveCamera, the render loop, resizing, or OrbitControls. For models use threejs-gltf-loading; for materials/lights use threejs-materials-lighting.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

Build 3D elements and interactive browser experiences with Three.js. The skill covers scene setup, materials that define surface appearance, user controls, and post-processing, which adds visual effects after rendering. The full workflow requires the upstream skill bundle.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

• Creating 3D elements for the browser
• Building interactive 3D experiences
• Working on materials and user controls

Build and iterate playable Three.js game systems: starter scaffold, architecture, design briefs, core loops, level and encounter design, entities, input, camera, collision and physics, scoring, objectives, and game feel. Use for first playable slices, new Vite/TypeScript/Three.js setups, level/arena/track/wave/hole/puzzle design, combat encounters, difficulty tuning, and juice.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

Generate, convert, clean, and integrate audio for Three.js browser games with ElevenLabs: sound effects, looping ambience, music tracks and loops (menu, gameplay, boss, victory/defeat stingers), UI sounds, impact/weapon/vehicle audio, creature and boss stingers, announcer and dialogue TTS, voice conversion from a scratch performance, voice cleanup, audio manifests, and Web Audio integration.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

Generate and edit 2D image assets for Three.js games with Google's Gemini image API: concept sheets, image-to-3D inputs, texture and material references, sky and background plates, decals, logos, icons, GUI art, title and menu art, and marketing stills. Also use for direct image editing when the user supplies an image path.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

Design premium Three.js game UI: HUDs, menus, overlays, pause/win/lose screens, settings, icon controls, touch UI, typography, responsive layout, safe areas, text fit, and UI/world cohesion.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

Verify and release Three.js browser games: playtest QA, automated bot playtests, mobile and responsive checks, production builds, static-hosting base paths, debug gating, bundle review, screenshots, visual regression baselines, canvas-pixel inspection with measured metrics, and release risk reports.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

Upgrade Three.js games from prototype visuals to premium browser graphics: art-direction critique, procedural model building, material and texture libraries, world prop kits, shaders, VFX, lighting and render pipeline, LOD and instancing, render budgets, and a 10-category visual scorecard. Use when screenshots still look basic or the user asks for premium, AAA, high-fidelity, showcase, or less-basic graphics.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

Debug and profile Three.js browser games: blank canvases, render and runtime bugs, asset and audio loading, animation, resize, mobile input, plus performance profiling of draw calls, triangles, textures, memory, shader and post-processing cost, and bundle size.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

Clone or update https://github.com/vibe-motion/threejs-earth and render the Three.js Earth route animation with Puppeteer frame capture. Use when users ask for 三维地球航线动画, Three.js Earth, 地球飞线, globe route animation, or exporting an Earth GIF/MP4/PNG sequence.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

Reference WebGPU APIs, TSL syntax, node materials, WGSL integration, compute shaders, and post-processing in Three.js. For complete particle canvases use threejs-particle-canvas; for GLSL shaders use rocaille-shader. Triggers on TSL shader, WebGPU renderer, node material, WGSL, GPU compute, WebGPU setup.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

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

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

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

Create 3D objects from text or images, choose catalog assets for repeated scenery, and inspect the results in Blender. The workflow checks geometry, materials, scale, and ground contact while recording asset sources and generation costs.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

• Create a unique 3D object from a text description
• Reconstruct a 3D object from a concept image
• Populate scenery with catalog vegetation and rocks

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 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

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