登录
软件下载
帮助文档
新闻资讯
Skill UI
浏览并发现
15857+
精选技能
全部
编程开发
人工智能
设计创意
产品商业
数据科学
市场营销
职场通用
效率工具
硬件工程
语言学习
搜索
Three.js
,共找到
16
条记录
默认排序
最新上传
最多下载
沉浸式3D网页体验
3d-web-experience
sickn33/antigravity-awesome-skills
404
利用Three.js、React Three Fiber、Spline与WebGL打造具备产品配置器、作品集与滚动互动效果的沉浸式3D网页体验,并兼顾性能与可访问性。
查看详情
Remotion视频创作最佳实践
remotion-best-practices
sickn33/antigravity-awesome-skills
314
本指南汇集了在React环境中利用Remotion进行高质量视频创作的最佳实践。它涵盖了从基础动画到高级功能,包括3D内容集成、处理音频/视频/字体等多样化素材、实现复杂动画、数据图表可视化,以及生成精确字幕等专业技术。适用于需要掌握专业级、高效率视频生成工作流的开发者。
查看详情
Three.js三维场景构建
threejs-skills
sickn33/antigravity-awesome-skills
292
本技能用于生成使用Three.js和WebGL创建复杂、交互式三维场景和可视化的代码。它涵盖了从基础组件(场景、相机、渲染器)的设置,到几何体创建、材质应用、灯光添加和动画循环实现的全流程。适用于需要展示产品原型、数据可视化或沉浸式Web体验的场景。
查看详情
网页浏览器游戏开发最佳实践
web-games
sickn33/antigravity-awesome-skills
269
本指南深入讲解了现代网页游戏开发的全流程最佳实践。内容涵盖了主流游戏引擎(如Phaser、Three.js)的选择、WebGPU的采纳、性能优化策略(如资源压缩、对象池化)以及如何遵循浏览器限制和利用PWA技术,帮助开发者构建高性能、跨平台的网页游戏。
查看详情
Three.js动画系统指南
threejs-animation
sickn33/antigravity-awesome-skills
69
本指南全面介绍Three.js中的动画实现流程。内容涵盖了从创建自定义关键帧(位置、旋转、颜色)到使用AnimationMixer和AnimationAction管理复杂动画的全过程。您可以学习如何实现程序化运动、动画混合(交叉淡入淡出)、形态目标(morph targets)以及加载GLTF文件中的骨骼动画,构建出逼真的3D视觉效果。
查看详情
Three.js基础:网页三维图形开发
threejs-fundamentals
sickn33/antigravity-awesome-skills
456
本指南系统介绍了Three.js的核心概念,这是用于WebGL三维渲染的主流JavaScript库。内容涵盖了完整的3D环境设置,包括场景、不同类型的相机(透视、正交)和WebGL渲染器。学习者将掌握对象层次结构、物体的变换操作(位置、旋转、缩放)以及照明、阴影和环境贴图等高级渲染配置。是所有进行Web 3D图形开发的首选基础知识。
查看详情
Three.js 几何体创建与优化
threejs-geometry
sickn33/antigravity-awesome-skills
370
本教程深入讲解如何在Three.js中创建和处理三维几何体。内容涵盖内置基础形状、复杂的路径生成(如挤出、管状)以及文本几何体的实现。核心部分在于掌握BufferGeometry的使用,利用属性数组(如顶点、法线、UV坐标)进行低级数据操作,从而实现高性能、可定制化的网格构建和渲染优化。
查看详情
Three.js 场景交互与控制
threejs-interaction
sickn33/antigravity-awesome-skills
299
本技能涵盖了在Three.js场景中实现复杂的用户交互。内容包括使用光线投射(Raycasting)进行精确的对象点击检测和拾取,处理鼠标和触摸事件,并集成了轨道、第一人称等多种相机控制器。适用于构建高度沉浸式、交互性强的3D Web应用。
查看详情
Three.js光照系统配置指南
threejs-lighting
sickn33/antigravity-awesome-skills
229
本指南详细介绍了Three.js中的各种光源类型(环境光、定向光、点源、聚光灯等)。它指导用户如何配置复杂的照明效果,设置阴影,并掌握光源性能优化技巧,以创建具有高度真实感和氛围感的3D场景。
查看详情
Three.js 3D资源加载管理
threejs-loaders
sickn33/antigravity-awesome-skills
333
本助手提供了一套完整的Three.js资源加载解决方案。它支持加载多种格式的3D资产,包括GLTF模型、贴图、HDR环境图和图像资源。核心功能包括使用LoadingManager进行异步加载流程控制、实时进度跟踪,以及配置PBR材质和环境贴图,是构建沉浸式3D场景的关键工具。
查看详情
Three.js材质类型与渲染属性
threejs-materials
sickn33/antigravity-awesome-skills
360
本指南全面介绍了Three.js中的各种材质类型,包括基础、漫反射、镜面、标准以及进阶的物理材质(PBR)。它提供了实现逼真渲染的技巧,帮助开发者模拟玻璃、汽车漆面和布料等各种表面效果,并指导如何使用自定义着色器来达到最佳的视觉效果。适用于所有需要为三维模型进行精美渲染的开发者。
查看详情
Three.js后处理视觉特效
threejs-postprocessing
sickn33/antigravity-awesome-skills
298
本指南介绍了Three.js的后处理技术,用于增强三维场景的视觉效果。通过使用EffectComposer,可以实现辉光(Bloom)、景深(DOF)、抗锯齿(AA)、环境光遮蔽(SSAO)等高级效果,极大地提升3D场景的视觉真实感和电影级质感。
查看详情
1
2
下一页
语言
简体中文
English