'three.js' 검색 결과

Especialista em construir experiências 3D para a web - Three.js, React Three Fiber, Spline, WebGL e cenas 3D interativas. Cobre configuradores de produtos, portfólios 3D, websites imersivos e adição de profundidade às experiências web. Use quando: website 3D, three.js, WebGL, react three fiber, experiência 3D.

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

国风 3D 网页渲染。当用户要"水墨风 3D""中国风网页特效""Three.js 水墨""国风 H5""青绿山水 3D""非真实感渲染 NPR""古风 WebGL"时使用。提供可运行的中式渲染 shader 与实现方法，不是通用 Three.js 教程。

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

All animation knowledge for HyperFrames — atomic motion rules, multi-phase scene blueprints, scene transitions, broader motion-design techniques, AND the seven runtime adapters (GSAP default, plus Lottie, Three.js, Anime.js, CSS keyframes, Web Animations API, TypeGPU). Use for any motion or animation task: pick 2-4 rules and compose, or load a blueprint, or look up runtime-specific API (e.g. GSAP eases / Lottie player / Three.js mixer). Also covers auditing an existing composition's choreography (animation map) and 24 named text-animation effects. HyperFrames-native: single paused timeline, seek-safe, deterministic.

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

Expert en 3D web avancé (Three.js, React Three Fiber, WebXR, shaders, performance)

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

Three.js architecture: production-level scene/camera/renderer resize cleanup. Use when implementing, reviewing or testing three.js architecture for React, Vite, Next.js or Perfect_AI projects.

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

Three.js + Anime.js scroll sync: production-level deterministic progress and camera choreography. Use when implementing, reviewing or testing three.js + anime.js scroll sync for React, Vite, Next.js or Perfect_AI projects.

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

Expert in building 3D experiences for the web - Three.js, React Three Fiber, Spline, WebGL, and interactive 3D scenes. Covers product configurators, 3D portfolios, immersive websites, and bringing depth to web experiences. Use when: 3D website, three.js, WebGL, react three fiber, 3D experience.

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

Builds simple Three.js web apps with scene setup, lighting, geometry, materials, animation, and responsive rendering. Use when creating or prototyping 3D web scenes with modern Three.js (r150+).

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

3D web graphics with Three.js (WebGL/WebGPU). Capabilities: scenes, cameras, geometries, materials, lights, animations, model loading (GLTF/FBX), PBR materials, shadows, post-processing (bloom, SSAO, SSR), custom shaders, instancing, LOD, physics, VR/XR. Actions: create, build, animate, render 3D scenes/models. Keywords: Three.js, WebGL, WebGPU, 3D graphics, scene, camera, geometry, material, light, animation, GLTF, FBX, OrbitControls, PBR, shadow mapping, post-processing, bloom, SSAO, shader, instancing, LOD, WebXR, VR, AR, product configurator, data visualization, architectural walkthrough, interactive 3D, canvas. Use when: creating 3D visualizations, building WebGL/WebGPU apps, loading 3D models, adding animations, implementing VR/XR, creating interactive graphics, building product configurators.

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

Expert in building 3D experiences for the web - Three.js, React Three Fiber, Spline, WebGL, and interactive 3D scenes. Covers product configurators, 3D portfolios, immersive websites, and bringing depth to web experiences. Use when: 3D website, three.js, WebGL, react three fiber, 3D experience.

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

Find and adapt animations for web pages and components using 160 examples with HTML, CSS, JavaScript, and adjustable parameters. Covers text, interaction, basic, and advanced effects, with guidance on accessibility and fitting code into existing projects.

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

• Adding a ripple effect to button clicks
• Giving a heading a typewriter animation
• Revealing elements as the page scrolls

Reproduce an existing website locally by examining source code, collecting assets, and checking browser behavior. Follow paths for static, framework-based, or graphics-heavy sites, then compare the result with the original and replace content as needed.

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

• Reproducing a website locally for study
• Examining WebGL or Canvas effects
• Comparing a recreation with the original site

Build custom interactive charts, network diagrams, and maps with d3.js. Guides data-driven drawing, tooltips, zooming, animation, responsive sizing, and accessibility, with examples that work in plain JavaScript or frameworks such as React, Vue, and Svelte.

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

• Building charts with custom layouts and styling
• Creating network diagrams and geographic visualizations
• Adding tooltips, zooming, and animated transitions

Create a 12-second title animation in HyperFrames, where sweeping leaves reveal two headlines. Customize typography, leaf counts, sweep speed, background color, and the breeze moving the leaves that remain on the text.

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

• Create a nature-themed video opening
• Reveal two headlines in sequence
• Adjust leaf movement to suit a title

Publish updated Chrome binaries to Remotion Lambda’s test region, update layer references and version documentation, and verify rendering with Docker before rolling the update out to all supported regions.

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

• Test a Chrome update before regional rollout
• Update Lambda layer references and Chrome version documentation
• Verify rendering with Docker across platforms

Build custom interactive charts, maps, and network diagrams with d3.js. The skill guides data preparation, styling, resizing, and interactions such as zooming and tooltips, giving detailed control over how data appears and responds to users.

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

• Creating charts beyond standard library options
• Exploring relationships in a network diagram
• Adding zoom and tooltips to visualizations

Build videos in React with Remotion using task-specific rules and code examples. The skill covers animation timing, captions, audio, scene transitions, and media assets, helping guide implementation across common video creation tasks.

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

• Add word-highlighted captions to videos
• Create text animations and scene transitions
• Trim audio and adjust volume or playback speed

Build videos in React with Remotion using topic-specific guidance and code examples. Covers animation, captions, audio, scene transitions, asset handling, timing, and text layout, with additional references for charts, maps, and 3D content.

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

• Create text animations and scene transitions
• Add captions and subtitles to videos
• Adjust audio, video clips, and display timing

Build 3D browser games and interactive scenes inside React apps with React Three Fiber. Organize gameplay logic, coordinate scene and interface state, and connect the 3D experience with standard web menus, settings, and status displays.

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

• Embed a 3D game in an existing React app
• Connect a 3D scene with menus and settings
• Build a 3D product configurator

Build charts from tables using Vega-Lite, Vega, or Observable Plot. Describe data, visual elements, and interactions in reusable definitions, choose a suitable tool, and assess mobile layout, performance, and when custom rendering becomes necessary.

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

• Writing a Vega-Lite chart specification from a dataset
• Choosing between Plot, Vega-Lite, and D3
• Building layered charts with panels and tooltips

Add animated backgrounds such as waves or fog with Vanta.js, which renders graphics through WebGL. Configure effects, integrate them into pages or React components, handle resizing and cleanup, and plan fallbacks for mobile devices.

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

• Add animated waves behind a hero section
• Adjust effect colors and movement
• Integrate backgrounds into React or Next.js

Design a cohesive dark navy interface with layered blue light, a framed hero area, compact navigation, floating network labels, and clear action buttons. Includes styling examples and guidance for slow animation that keeps text readable.

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

• Designing a futuristic page with layered blue light
• Unifying navigation, buttons, and section frames
• Adding subtle network labels and slow background motion

Build chapter-based pages that move sideways as visitors scroll vertically. Deriving each scene from scroll position keeps reverse scrolling, jumps, and reloads consistent, with guidance for transitions, chapter links, keyboard controls, and reduced motion.

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

• Building a horizontal product tour
• Creating a chapter-based scrolling story
• Fixing scene mismatches after jumps or reloads

Build particle trails that respond to cursor or touch movement with consistent spacing at different speeds. Reuse a fixed pool of GPU-rendered particles, add keyboard-triggered bursts, and handle reduced motion, resizing, and cleanup.

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

• Creating particle trails for cursor and touch movement
• Making pollen or dust rise from a surface
• Adding particle bursts triggered by a keyboard-accessible button