37 个 · 按相关度排序
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.
中文简介正在准备中。当前显示英语简介。
Develop visual effects with GLSL, a language for graphics programs called shaders. Apply ray marching, fluid simulation, particle systems, and rule-based generation to create hero visuals and still frames of motion.
中文简介正在准备中。当前显示英语简介。
将GLSL着色器代码片段转换为使用NumPy库的Python代码，处理向量运算、分量访问（Swizzling）及内置函数映射。
中文简介正在准备中。当前显示原文说明。
Expert guide for modern web shaders: Three Shading Language (TSL), WebGPU WGSL, Compute Shaders, and WebGL GLSL in Three.js and Babylon.js. Covers procedural generation, compute kernels, and post-processing / Panduan ahli shader web modern: TSL, WGSL, Compute Shader, dan GLSL.
中文简介正在准备中。当前显示原文说明。
将GLSL着色器代码片段转换为使用NumPy库的Python代码，处理向量运算、分量访问（Swizzling）及内置函数映射。
中文简介正在准备中。当前显示原文说明。
Write game shaders from cross-engine fundamentals — the vertex→fragment pipeline, coordinate spaces, UV math, and common 2D/3D effects (tint, UV scroll, dissolve, outline, fresnel rim, vignette) in GLSL with HLSL equivalents. Use when the user mentions shaders, fragment/pixel shader, vertex shader, UV, GLSL, HLSL, or effects like dissolve, outline, or rim light.
中文简介正在准备中。当前显示原文说明。
Compile hand-written native compute shaders and dispatch them from a Stream through NativeShaderExt — HLSL on dx/vk (DXC), GLSL on vk (glslang), CUDA C++ on cuda (NVRTC) — covering compile/reflect/load, NativeShaderLauncher binding by index/register+space/positional, uniforms (root constants / push constants / scalar kernel params), the per-argument Usage contract, include dirs, and lifetime.
中文简介正在准备中。当前显示原文说明。
glslang SPIR-V Builder API for types, instructions, control flow, and decorations.
中文简介正在准备中。当前显示原文说明。
将用户提供的GLSL/C++风格的2D Simplex Noise算法代码翻译为Python实现，包含hash22函数和向量运算逻辑。
中文简介正在准备中。当前显示原文说明。
用于构建或审查 Canvas 2D、Three.js/WebGL、React Three Fiber、GLSL shader、ShaderToy 到 WebGL 适配、2D/3D 可视化、游戏渲染、动画循环、GPU 资源清理或渲染性能。不要用于标准 DOM UI、已有图表库覆盖的图表或非图形类性能工作；中文触发词包括 Canvas、Three.js、WebGL、GLSL、Shader、3D、数据可视化、游戏。
中文简介正在准备中。当前显示原文说明。
Use when building or reviewing Canvas 2D, Three.js/WebGL, React Three Fiber, GLSL shaders, ShaderToy-to-WebGL adaptation, 2D/3D visualization, game rendering, animation loops, GPU resource cleanup, or rendering performance. Do not use for standard DOM UI, charts already covered by a chart library, or non-graphical performance work; Chinese triggers include Canvas, Three.js, WebGL, GLSL, Shader, 3D, data visualization, games.
中文简介正在准备中。当前显示原文说明。
GLSL shader systems: production-level uniforms, color space, derivatives, precision. Use when implementing, reviewing or testing glsl shader systems for React, Vite, Next.js or Perfect_AI projects.
中文简介正在准备中。当前显示原文说明。
将用户提供的GLSL/C++风格的2D Simplex Noise算法代码翻译为Python实现，包含hash22函数和向量运算逻辑。
中文简介正在准备中。当前显示原文说明。
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.
中文简介正在准备中。当前显示英语简介。
Improve MNN's Vulkan backend by separating CPU scheduling bottlenecks from GPU computation costs. It guides operator and shader changes, new feature integration with compatibility fallbacks, and device testing to verify both correctness and end-to-end performance.
中文简介正在准备中。当前显示英语简介。
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.
中文简介正在准备中。当前显示英语简介。
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.
中文简介正在准备中。当前显示英语简介。
Add underwater sunbeams to a Three.js scene, with rippling light patterns, a shimmering surface viewed from below, and matching illumination on fish. The beams shift against objects as the camera moves, giving the water depth.
中文简介正在准备中。当前显示英语简介。
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.
中文简介正在准备中。当前显示英语简介。
Control a running TouchDesigner instance via twozero MCP — create operators, set parameters, wire connections, execute Python, build real-time visuals. 36 native tools.
中文简介正在准备中。当前显示原文说明。
This skill should be used when the user asks to "add an animated background", "build a mesh/gradient background", "make an aurora/shader background", "add constellation/particle background", "animated hero background", or "a subtle looping background behind content". Covers CSS mesh gradients, GLSL shader gradients (Three.js), canvas particle constellations, seamless loops, and reduced-motion/performance handling — fully self-contained.
中文简介正在准备中。当前显示原文说明。
Comprehensive GLSL shader techniques for creating stunning visual effects — ray marching, SDF modeling, fluid simulation, particle systems, procedural generation, lighting, post-processing, and more.
中文简介正在准备中。当前显示原文说明。
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.
中文简介正在准备中。当前显示原文说明。
Use it when you need to convert a Threejs Material using GLSL shaders to TSL node materials
中文简介正在准备中。当前显示原文说明。