'webgl' 검색 결과

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, spline, product configurator, " mentioned.

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

Neo4j Visualization Library (NVL) — framework-agnostic graph rendering for the browser. Covers @neo4j-nvl/base (NVL class, nodes/relationships, Canvas vs WebGL renderer), @neo4j-nvl/interaction-handlers (ZoomInteraction, PanInteraction, DragNodeInteraction, ClickInteraction, HoverInteraction, BoxSelectInteraction, LassoInteraction, KeyboardInteraction), and @neo4j-nvl/react (InteractiveNvlWrapper, BasicNvlWrapper, StaticPictureWrapper). Use when rendering a Neo4j graph in a browser, feeding driver results through nvlResultTransformer, choosing Canvas vs WebGL, wiring node/relationship click/hover/drag handlers, or embedding NVL in React, Vite, or vanilla JS apps. Does NOT handle Cypher query authoring — use neo4j-cypher-skill. Does NOT handle driver lifecycle, sessions, or executeQuery setup — use neo4j-driver-javascript-skill. Does NOT handle GraphVisualization/Needle default embed — use @neo4j-ndl/react.

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

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.

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

Decide when and how to build UI in Apple's Liquid Glass design system (WWDC25; iOS/macOS 26+, refreshed in 27) on SwiftUI, UIKit, AppKit and the web. Covers the layer model (glass is for the floating navigation/control layer, never the content layer), regular vs clear variants and the 35% dimming rule, tint only for primary actions, concentric corner radii, morphing and interactive response, Reduce Transparency / Increase Contrast / Reduce Motion fallbacks, verified API names (glassEffect, GlassEffectContainer, glassEffectID, .glass/.glassProminent, UIGlassEffect, NSGlassEffectView, scroll edge effects, backgroundExtensionEffect, tab bar minimize), and three web routes (GPU post-process inside your WebGL/WebGPU pipeline, the ybouane/liquidglass library, CSS backdrop-filter + SVG displacement) with a contrast-on-glass checker and spec auditor. NOT for generic glassmorphism/vaporwave styling, visionOS window glass, app icon design in Icon Composer, or non-Apple design systems (Material 3, Fluent).

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

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.

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

Progressive WebGL fallback: production-level capability detection, static SVG fallback. Use when implementing, reviewing or testing progressive webgl fallback for React, Vite, Next.js or Perfect_AI projects.

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

3D Web Specialist IA — Expert en 3D web (Three.js, React Three Fiber, WebGL, shaders, 3D product viewers)

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

WebGL ビルド成果物を StatiCrypt で暗号化し、GitHub Pages にデプロイする。「デプロイ」「GitHub Pages」「公開して」「アップロード」といったリクエスト時に使用。パスワードは Build/ 内で管理し、リポジトリ作成からプッシュまでを自動化する。

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

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.

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

Three.js (three, WebGL / WebGPU 3D グラフィクス) r186 リファレンス。 Scene, Group, PerspectiveCamera, OrthographicCamera, WebGLRenderer, WebGPURenderer, RenderPipeline、 BufferGeometry, BufferAttribute, StorageBufferAttribute, Mesh, InstancedMesh, SkinnedMesh、 MeshStandardMaterial, MeshPhysicalMaterial, ShaderMaterial, node-materials (TSL)、 DirectionalLight, SpotLight, PointLight, AmbientLight, PMREMGenerator、 GLTFLoader, FBXLoader, DRACOLoader, TextureLoader、 AnimationMixer, AnimationClip, AnimationAction, KeyframeTrack, Timer、 AudioListener, PositionalAudio、 Vector3, Matrix4, Quaternion, Euler, Color, Box3, Raycaster、 OrbitControls, TransformControls, WebXRManager。

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

Rive アニメーションランタイム (Web / React)。 useRive, useRiveFile, useStateMachineInput, RiveComponent, State Machine, Data Binding, ViewModel / ViewModelInstance, Events, Layout / Fit / Alignment, .riv。 @rive-app/canvas / webgl2 / react-canvas / react-webgl2、enableGPUCanvas、 Semantics, Rive CLI。Scripting (Luau), Artboard, Property, Path / Paint / Renderer, WGSL Shaders, GPU pipeline, Node / Layout / Converter スクリプト。

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

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.

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

React와 Next.js에서 드래그, 스와이프, 텍스트와 SVG 애니메이션을 구현합니다. 여러 단계의 동작과 로딩 표시를 다루며 용도에 맞는 API 선택도 안내합니다.

• 드래그로 닫는 패널과 정렬 목록 구현하기
• 단어별 텍스트 표시와 숫자 애니메이션 만들기
• SVG 선 그리기와 원형 진행 표시 구현하기

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

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

Create horizontal browser presentations in a magazine-inspired or Swiss Style design. HTML templates provide animated backgrounds, image and data layouts, speaker notes, timing, and a synchronized audience window for talks, product launches, and demonstrations.

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

• Creating magazine-inspired slides for talks
• Presenting product launches in Swiss Style
• Organizing data and screenshots into visual slides

Design and implement browser game interfaces that keep the playfield visible. Create status displays, menus, and overlays with a consistent visual theme, responsive layouts for desktop and mobile, and clear interaction boundaries for 3D camera controls.

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

• Design status displays that keep the playfield visible
• Create menus that fit the game world
• Adapt game interfaces for desktop and mobile

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

Build custom browser charts with D3, including precise labels, annotations, zooming, and range selection. Create SVG graphics that adapt to mobile screens, use meaningful contextual backgrounds, and support export when needed.

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

• Creating SVG charts with direct labels and annotations
• Adding zoom and range selection to scatterplots
• Plotting data over a soccer pitch or floor plan

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

Design a dark monochrome interface around an exploded 3D wireframe, an outline view of separated parts. Coordinate annotations, connector lines, typography, and small metric displays to explain product structures or system states.

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

• Designing a product teardown interface
• Creating a system diagnostics dashboard
• Presenting structural specifications with annotations

Generate towers, castles, pagodas, and domes in Three.js from adjustable parameters. Create construction animations with a rising reveal, matching solid sections, scaffolding, and stage captions, using reusable geometry instead of imported mesh files.

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

• Animate the construction of a castle or pagoda
• Create an architectural title sequence
• Generate landmarks from adjustable parameters

Design a cohesive dark interface with near-black surfaces, subtle pixel or grain textures, and thin accent-colored laser light. Extend the visual direction across panels, navigation, controls, borders, spacing, and motion while keeping content readable.

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

• Unify a dashboard around a dark visual system
• Add texture and depth to a flat black interface
• Build a hero area around a thin laser motif

Build subtle animated petals, snow, confetti, or other decorative particles within a single page section. Adjust their movement and density while preserving readable content, limiting device workload, and providing static alternatives for readers who reduce motion.

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

• Adding gentle petals or snow to a page section
• Animating small brand fragments behind content
• Limiting decorative animation on mobile devices