软件下载帮助文档新闻资讯

Skill UI

浏览并发现 19527+ 精选技能

全部编程开发人工智能设计创意产品商业数据科学市场营销职场通用效率工具硬件工程语言学习

搜索 WebGL ，共找到 19 条记录

默认排序最新上传最多下载

沉浸式3D网页体验

3d-web-experience

sickn33/antigravity-awesome-skills

利用Three.js、React Three Fiber、Spline与WebGL打造具备产品配置器、作品集与滚动互动效果的沉浸式3D网页体验，并兼顾性能与可访问性。

GLSL着色器编程指南

shader-programming-glsl

sickn33/antigravity-awesome-skills

本指南是高效GLSL着色器（顶点/片段）的专家教程，适用于WebGL和游戏引擎。内容涵盖着色器结构、Uniforms、varying变量等基础知识，并深入讲解了射线行进、图像后处理等高级图形渲染技术，帮助用户优化GPU性能，实现自定义视觉效果。

Three.js三维场景构建

sickn33/antigravity-awesome-skills

本技能用于生成使用Three.js和WebGL创建复杂、交互式三维场景和可视化的代码。它涵盖了从基础组件（场景、相机、渲染器）的设置，到几何体创建、材质应用、灯光添加和动画循环实现的全流程。适用于需要展示产品原型、数据可视化或沉浸式Web体验的场景。

Makepad跨平台开发指南

makepad-platform

sickn33/antigravity-awesome-skills

本技能专注于Makepad的跨平台开发，提供关于不同操作系统（如macOS, Windows, Android, Web）和图形后端（如Metal, D3D11, OpenGL, WebGL2）的深入知识。它指导用户进行条件编译、处理平台差异和实现跨环境兼容性代码，解决各类平台兼容性问题。

Three.js基础：网页三维图形开发

threejs-fundamentals

sickn33/antigravity-awesome-skills

本指南系统介绍了Three.js的核心概念，这是用于WebGL三维渲染的主流JavaScript库。内容涵盖了完整的3D环境设置，包括场景、不同类型的相机（透视、正交）和WebGL渲染器。学习者将掌握对象层次结构、物体的变换操作（位置、旋转、缩放）以及照明、阴影和环境贴图等高级渲染配置。是所有进行Web 3D图形开发的首选基础知识。

Web游戏引擎开发工具包

github/awesome-copilot

该技能包提供了一套完整的指南，用于使用HTML5、Canvas和WebGL等现代Web技术，构建复杂的Web游戏和游戏引擎。内容涵盖了从游戏循环、物理碰撞检测到多输入设备（触摸、手柄）支持的完整2D和3D开发流程，适合从零开始开发平台跳跃游戏、射击游戏或复杂的3D模拟。

杂志风网页PPT

magazine-web-ppt

nexu-io/open-design

生成单文件 HTML 的杂志风网页 PPT，支持横向翻页、WebGL 流体背景、衬线标题与无衬线正文，适合分享会、发布会和演讲展示。

网页横向翻页PPT

guizang-ppt-skill

op7418/guizang-ppt-skill

生成单文件HTML的横向翻页网页PPT，包含WebGL动效背景、演讲者视图、观众屏同步、讲稿备注等功能。提供电子杂志×电子墨水与瑞士国际主义两种视觉风格，适用于分享汇报、产品发布、Demo演示等场景。

高端3D网站开发指南

premium-3d-website

sickn33/antigravity-awesome-skills

本指南提供构建高端、沉浸式3D网站的架构和代码模式。内容涵盖自定义的WebGL着色器、后处理特效（如景深、辉光）、物理交互和性能优化等高级主题，帮助开发者打造具有专业水准的视差动画和网页体验。

杂志风格网页演示文稿

deck-magazine-web

nexu-io/html-anything

这是一款模拟高端电子杂志或电子墨水阅读体验的演示文稿模板。它结合了WebGL流体背景和衬线字体，适用于需要高设计感和叙事性的营销报告、品牌发布或高端内容展示。支持横向翻页，页式结构完整，极具专业度和视觉冲击力。

流体背景动态英雄图

frame-liquid-bg-hero

nexu-io/html-anything

这套方案指导如何使用WebGL、CSS渐变和Canvas等技术，创建出具有电影感和呼吸感的动态流体背景。非常适用于视频片头、SaaS落地页或宣传海报等需要高视觉冲击力的场景，能极大提升作品的专业度和艺术感。

Three.js 场景初始化

threejs-scene-setup

gamedev-skills/awesome-gamedev-agent-skills

此技能用于搭建 Three.js 应用的基础场景。包括配置导入映射、初始化场景、相机和渲染器组合、设置响应式渲染循环以及添加轨道控制器。适用于启动新项目或调试渲染问题，如空白画布。不包括模型加载和材质光照设置。

语言