Results for “webgl”

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.

The English summary is being prepared. Showing the original description.

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.

The English summary is being prepared. Showing the original description.

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

The English summary is being prepared. Showing the original description.

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.

The English summary is being prepared. Showing the original description.

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

The English summary is being prepared. Showing the original description.

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

The English summary is being prepared. Showing the original description.

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.

The English summary is being prepared. Showing the original description.

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.

The English summary is being prepared. Showing the original description.

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。

The English summary is being prepared. Showing the original description.

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 スクリプト。

The English summary is being prepared. Showing the original description.

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.

The English summary is being prepared. Showing the original description.

Build interactive animations in React or Next.js, including draggable elements, swipe gestures, animated text, SVG line drawing, and loading indicators. Guides API selection and multi-step animation sequences, with touch testing and cleanup practices.

• Building draggable sheets and reorderable lists
• Adding word reveals and animated number counters
• Animating SVG lines and circular progress

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

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

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

Design airy pages with a luminous blue sky background, drifting cloud light, and white typography. It guides minimal navigation, subtle framing, buttons, logo rows, and gentle motion to create a calm, spacious composition.

• Designing a sky-blue opening section
• Creating a spacious product introduction page
• Coordinating white type and subtle framing