“webgl”的搜索结果

Design tests for charts, dashboards, and interactive diagrams. Combine data checks, component tests, screenshot comparisons, and end-to-end workflows to catch incorrect values, broken interactions, and visual changes while keeping tests stable.

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

• Choose test coverage for a chart component
• Set up stable screenshot comparisons for a dashboard
• Verify mobile interactions and degraded network states

Build charts and interactive diagrams in TypeScript with explicit data types and clear component boundaries. Guides library selection, data validation, interaction design, and shareable view settings to support maintainable visualization code.

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

• Choose a visualization library for a TypeScript app
• Refactor a D3 prototype into maintainable TypeScript
• Define data types for selections and tooltips

Embed interactive Unicorn Studio scenes in websites and adjust their sizing, layering, and rendering settings. Use it to integrate animated visuals with page content, manage performance, and troubleshoot scenes that fail to appear.

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

• Embed an interactive scene in a website
• Layer animated visuals with text and images
• Adjust rendering settings for mobile devices

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

Add a lightweight interactive globe to a web page with cobe. Covers location markers, rotation, canvas sizing, responsive updates, performance settings, and integration with React or Next.js for hero sections, about pages, and cards.

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

• Adding a spinning globe to a hero section
• Showing office locations with globe markers
• Adapting globe rendering to mobile screens

Build a burning-paper loading ring that keeps moving during heavy page setup. The skill covers background rendering, progress display, a smooth transition into the page, and support for reduced motion preferences.

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

• Adding a burning-paper loading screen
• Keeping a loader moving during heavy JavaScript work
• Connecting loading progress to the page introduction

Create thin laser beams that meet at a bright corner or edge junction, surrounded by soft haze. Adjust beam angles, accent colors, glow, and subtle motion to build a spatial composition for an interface.

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

• Adding laser beams along a screen corner
• Creating a glowing portal seam
• Matching laser effects to an interface accent color

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

Build ice and frost visual effects in Three.js using reusable modules. Combine branching frost growth, refractive ice spikes, cracks and settling fragments, freezing mist, and swirling snow into a coordinated sequence demonstrated on a snowy ground.

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

• Animate frost spreading across the ground
• Create erupting ice spikes that crack and shatter
• Combine freezing mist with a swirling blizzard

Build water and crystal visual effects in Three.js, including clear orbs, flowing lashes, splashes, growing crystals, and falling shards. A reusable module combines light bending, reflections, ripples, and ground contact into coordinated sequences.

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

• Creating clear water orbs and flowing water lashes
• Animating crystal growth, resonance, and shattering
• Adding splashes, rain, and ripples to pools

Add shafts of sunlight to Three.js or similar 3D scenes. Shape rays with roofs and foliage, align them with the sun, and tune rendering effects so foreground surfaces keep their contrast while processing costs remain measurable.

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

• Add sunbeams through a tree canopy
• Show sunlight passing through roof gaps
• Create golden-hour architectural scenes

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

Enhance existing interfaces with ambitious browser techniques, from scroll-linked animation and natural motion to smooth large-data displays. Compare implementation directions, build the selected approach, and refine it through browser previews, performance checks, and accessible fallbacks.

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

• Adding scroll-linked effects to landing pages
• Creating fluid transitions between buttons and dialogs
• Keeping large tables and search results responsive

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

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.

中文简介正在准备中。当前显示原文说明。

Lightweight WebGL/WebGPU game engine with entity-component architecture and visual editor integration. Use this skill when building browser-based games, interactive 3D applications, or performance-critical web experiences. Triggers on tasks involving PlayCanvas, entity-component systems, game engine development, WebGL games, 3D browser applications, editor-first workflows, or real-time 3D rendering. Alternative to Three.js with game-specific features and integrated development environment.

中文简介正在准备中。当前显示原文说明。

Fast, lightweight 2D rendering engine for creating interactive graphics, particle effects, and canvas-based applications using WebGL/WebGPU. Use this skill when building 2D games, particle systems, interactive canvases, sprite animations, or UI overlays on 3D scenes. Triggers on tasks involving PixiJS, 2D rendering, sprite sheets, particle effects, filters, or high-performance canvas graphics. Alternative to Canvas2D with WebGL acceleration for rendering thousands of sprites at 60 FPS.

中文简介正在准备中。当前显示原文说明。

Use when a Unity 6.3 game must run in a browser: 'export to WebGL', Web build settings or Build Profiles, gzip or Brotli, Decompression Fallback, server headers, 'Unable to parse .framework.js.br', build too big or slow to load, itch.io, CrazyGames or Poki limits, Addressables or AssetBundles on the Web, 'Could not produce class with ID', Task.Run freezing the browser, WebGL 2 vs WebGPU, .jslib and SendMessage interop, a page text field that gets no keystrokes, mobile browsers crashing, HTTPS for sensors, hosting and rollout.

中文简介正在准备中。当前显示原文说明。

网站复刻 / 克隆方法论。USE WHEN 用户说 复刻网站、克隆网站、clone website、抄个站、仿站、 照着这个站做一个、reproduce site、还原某个网页效果、把这个站搬下来改成我的、 复刻某个交互/WebGL/Canvas/Three.js 效果。提供「先拿真源码 → 判路径 → 逆向拆解 → 搭工程 → 替换内容」的可移植决策树，覆盖静态站 / React-Vue-Next 内容站 / WebGL-Canvas 重前端站三大分支，并强制核对任何 AI 二手分析里的可执行代码。

中文简介正在准备中。当前显示原文说明。

Expert blueprint for HTML5/web export on Compatibility (WebGL 2.0): JavaScriptBridge, localStorage wrapper, custom loading shells, COOP/COEP hosts, relative paths, beforeunload, visibility pause, and size optimization. WebGPU is out of scope. Keywords: web, HTML5, WebGL, Compatibility, JavaScriptBridge, localStorage, COOP, COEP, canvas, browser API.

中文简介正在准备中。当前显示原文说明。

Ship a Bevy 0.20 app to the browser: wasm32 canvas Window, one of webgl2 or webgpu, and asset paths the page can serve. Use when the same ECS app must run in a browser. Keywords: Bevy, wasm, web, webgl2, webgpu, canvas, Window.

中文简介正在准备中。当前显示原文说明。

Expert blueprint for HTML5/web export on Compatibility (WebGL 2.0): JavaScriptBridge, localStorage wrapper, custom loading shells, COOP/COEP hosts, relative paths, beforeunload, visibility pause, and size optimization. WebGPU is out of scope. Keywords: web, HTML5, WebGL, Compatibility, JavaScriptBridge, localStorage, COOP, COEP, canvas, browser API.

中文简介正在准备中。当前显示原文说明。

Standalone WebGL fragment shaders for card visual effects: holographic foil, shimmer, rarity glow.

中文简介正在准备中。当前显示原文说明。