带有标签“WebGL”的 Skills

overdrive - 以突破常规的技术实现提升界面表现
前端 UI 动画性能
★ 0 · 更新于 2026-09-21
通过高级浏览器 API、物理动画和高性能渲染技术，突破 Web 界面的视觉与性能极限。
⚙ 提出多种设计方向 ⚙ 使用浏览器自动化迭代视觉效果 ⚙ 实现渐进增强降级方案
overdrive - 通过高难度的技术实现打破 Web 界面常规限制。
UI设计前端动画 WebGL
★ 0 · 更新于 2026-09-21
利用高级 Web API、自定义渲染、过渡动画与高性能技术提升界面体验，并提供渐进增强降级方案。
⚙ 在实现前提出技术方向 ⚙ 通过 AskUserQuestion 工具确认方案 ⚙ 使用浏览器自动化验证视觉效果
overdrive - 使用高难度技术方案突破常规界面限制。
前端界面动画 WebGL
★ 0 · 更新于 2026-09-21
利用着色器、虚拟滚动、高级动画与性能优化技术，打造突破常规限制的 Web 界面体验。
⚙ 提议技术实现方案 ⚙ 通过浏览器自动化预览效果 ⚙ 实现电影级界面过渡动画
liuguang-banlan-ui - 构建流光溢彩白与五彩斑斓黑的参数化 UI 模式
ui 前端 oklch webgl
★ 17 · 更新于 2026-09-20
构建流光溢彩白与五彩斑斓黑参数化 UI 模式，支持 OKLCH 色彩空间、WebGL 与 CSS 退化、视觉门禁与截图测量报告。
⚙ 分类 UI 请求主题模式 ⚙ 实现参数化主题契约 ⚙ 构建 WebGL 光谱场渲染器
threejs-landscape - 为主体场景构建 Live Three.js 程序化景观
threejs 景观程序化地形 webgl
★ 66 · 更新于 2026-09-19
构建基于 Three.js 的程序化景观，包含极坐标地形网格、坡度顶点着色、GPU 实例化草地与岩石、渐变天空及平滑时段过渡。
⚙ 生成相机中心极坐标高度场 ⚙ 应用定义域扭曲生成地形高度 ⚙ 根据坡度和湿度计算顶点颜色
phantom-motion - 交互式动态视觉叙事生成器 v11.0 (Hybrid Drive Edition)
动态图形视觉叙事 WebGL GSAP
★ 186 · 更新于 2026-09-17
基于用户主题关键词通过多轮对话收集需求，使用 React 19 和 Tailwind 4 编辑器实时操纵隔离在 Iframe 中的 GSAP 与 WebGL 叙事引擎。
⚙ 收集用户动画需求 ⚙ 实时操纵叙事引擎 ⚙ 渲染三维实体与粒子
animateur - 使用 Animateur 浏览器端 3D 动画工具集
3D动画 Three.js MediaPipe WebGL
★ 90 · 更新于 2026-09-17
检查、修改、测试与解释 Animateur 浏览器端 3D 动画工具集、工具页面及配套动画资源。
⚙ 检查 Fast Poser 场景 ⚙ 通过 Motion Ripper 捕获动作 ⚙ 在 Playground 中测试动画
web-games - 浏览器游戏开发与发布指南。
网页游戏 webgpu webgl pwa
★ 1 · 更新于 2026-09-14
提供浏览器游戏渲染框架选择、沙盒限制处理、资源打包、音频配置及PWA发布的指导方案。
⚙ 选择浏览器游戏渲染框架 ⚙ 决策 WebGPU 与 WebGL 使用 ⚙ 处理浏览器沙盒运行限制
shader - GLSL 片段着色器
glsl 着色器片段着色器程序化图形
★ 1 · 更新于 2026-09-13
编写用于程序化图形、纹理、图案、噪声、视觉效果以及 WebGL 和 Three.js 集成的 GLSL 片段着色器。
⚙ 创建程序化纹理 ⚙ 使用距离场绘制形状 ⚙ 生成图案噪声和渐变
cobejs - 轻量级 WebGL 地球仪库 cobe.js
cobe webgl 地球仪 canvas
★ 17 · 更新于 2026-09-11
使用 cobe 构建轻量级交互式 WebGL 地球仪，包含 Canvas 配置、位置标记、交互及 React/Next.js 集成。
⚙ 在 Canvas 上渲染 WebGL 地球仪 ⚙ 配置地球仪参数与颜色 ⚙ 添加地球仪位置标记点
three - 构建 Three.js 与 WebGL 交互式 3D 场景
three.js webgl 3d 动画
★ 76 · 更新于 2026-09-09
使用原生 JavaScript 构建基于浏览器的 Three.js 和 WebGL 场景、动画与交互式 3D 视觉效果。
⚙ 构建浏览器 3D 场景 ⚙ 配置摄像机与灯光 ⚙ 加载 GLTF 与 GLB 模型
threejs - 使用 Three.js 开发 3D Web 应用
threejs webgl webgpu 3d
★ 1,770 · 更新于 2026-09-09
使用 Three.js 以及 WebGL 或 WebGPU 构建 3D 场景、动画、材质、着色器和交互式 Web 应用。
⚙ 加载 3D 资产 ⚙ 配置相机与灯光 ⚙ 应用材质与纹理
r3f-performance - 优化R3F渲染性能
webgl 3D渲染性能优化
★ 8 · 更新于 2026-06-30
通过LOD、实例化、绘制调用减少、懒加载和分析工具优化R3F场景
⚙ 限制像素比 ⚙ 设置自适应性能 ⚙ 配置渲染循环
shaders - Three.js 着色器开发
着色器 glsl tsl webgl
★ 15 · 更新于 2026-05-09
使用 GLSL 或 TSL 为 Three.js 编写自定义着色器，支持 WebGL 和 WebGPU
⚙ 编写自定义着色器 ⚙ 创建视觉效果 ⚙ 调试着色器问题
animating-advanced - 电影级交互设计师 - Awwwards级别动画
动画 webgl 交互 gsap
★ 18 · 更新于 2026-02-13
使用GSAP、Three.js/R3F和Lenis等行业标准工具创建高性能动画，专门用于英雄区域、3D交互和滚动关联的故事叙述。
⚙ 创建高性能动画 ⚙ 实现平滑滚动 ⚙ 构建3D交互
animating-advanced - 电影级交互设计师 - 打造Awwwards级别动画
动画前端交互设计 3d
★ 602 · 更新于 2026-02-13
使用GSAP、Three.js/R3F和Lenis创建高性能动画，打造电影级网页体验
⚙ 使用GSAP创建时间轴动画 ⚙ 实现Three.js/R3F 3D交互 ⚙ 设置Lenis平滑滚动