'glsl' 검색 결과

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.

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

• Animate a surface with wave-like deformation
• Add glowing edges or gradients
• Create a dissolving surface effect

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.

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

• Creating hero visuals for a page
• Developing fluid simulation visuals
• Building particle effects

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

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

• Give 3D objects metal or glass surfaces
• Create cartoon-style shading
• Adjust textures and environmental reflections

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.

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

• Finding CPU or GPU bottlenecks in Vulkan inference
• Optimizing a specific operator or shader
• Integrating cooperative matrix or subgroup features

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 realistic metal surfaces in Three.js by combining structured reflections, studio lighting, scratches, fingerprints, and beveled edges. Includes polished, brushed, and aged finishes for objects such as tools, rings, and metal product parts.

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

• Fixing metal that looks like gray plastic
• Creating polished or brushed metal finishes
• Adding patina and worn edges

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.

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

• Add sunbeams to an underwater scene
• Render a rippling water surface from below
• Light swimming fish as they cross beams

Build fire effects in Three.js, including fireballs, moving flame fronts, whirls, and smouldering ground. A reusable module combines rising flames, temperature-based color, smoke, sparks, heat distortion, and shared firelight, with a five-stage demonstration.

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

• Creating held flames and thrown fireballs
• Building expanding walls and rings of fire
• Staging fire whirls with smoke columns

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

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.

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