首页
AI Coding
NEW
沸点
课程
直播
活动
AI刷题
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
Three.js 完全学习指南
鲫小鱼
创建于2025-05-19
订阅专栏
本教程系列旨在帮助开发者从零开始掌握 Three.js,通过循序渐进的学习路径,最终能够独立开发复杂的 3D 应用。
等 67 人订阅
共23篇文章
创建于2025-05-19
订阅专栏
默认顺序
默认顺序
最早发布
最新发布
Three.js 完全学习指南(二十二)最佳实践
前言 大家好,我是鲫小鱼。是一名不写前端代码的前端工程师,热衷于分享非前端的知识,带领切图仔逃离切图圈子,欢迎关注我,微信公众号:《鲫小鱼不正经》。欢迎点赞、收藏、关注,一键三连!! 最佳实践 在 T
Three.js 完全学习指南(二十一)性能优化
前言 大家好,我是鲫小鱼。是一名不写前端代码的前端工程师,热衷于分享非前端的知识,带领切图仔逃离切图圈子,欢迎关注我,微信公众号:《鲫小鱼不正经》。欢迎点赞、收藏、关注,一键三连!! 性能优化 在 T
Three.js 完全学习指南(二十)跨平台适配
前言 大家好,我是鲫小鱼。是一名不写前端代码的前端工程师,热衷于分享非前端的知识,带领切图仔逃离切图圈子,欢迎关注我,微信公众号:《鲫小鱼不正经》。欢迎点赞、收藏、关注,一键三连!! 跨平台适配 在
Three.js 完全学习指南(十九)高级动画系统
前言 大家好,我是鲫小鱼。是一名不写前端代码的前端工程师,热衷于分享非前端的知识,带领切图仔逃离切图圈子,欢迎关注我,微信公众号:《鲫小鱼不正经》。欢迎点赞、收藏、关注,一键三连!! 高级动画系统 在
Three.js 完全学习指南(十八)自定义几何体
前言 大家好,我是鲫小鱼。是一名不写前端代码的前端工程师,热衷于分享非前端的知识,带领切图仔逃离切图圈子,欢迎关注我,微信公众号:《鲫小鱼不正经》。欢迎点赞、收藏、关注,一键三连!! 自定义几何体 在
Three.js 完全学习指南(十七)物理引擎集成
前言 大家好,我是鲫小鱼。是一名不写前端代码的前端工程师,热衷于分享非前端的知识,带领切图仔逃离切图圈子,欢迎关注我,微信公众号:《鲫小鱼不正经》。欢迎点赞、收藏、关注,一键三连!! 物理引擎集成 在
Three.js 完全学习指南(十六)Shader 编程入门
前言 大家好,我是鲫小鱼。是一名不写前端代码的前端工程师,热衷于分享非前端的知识,带领切图仔逃离切图圈子,欢迎关注我,微信公众号:《鲫小鱼不正经》。欢迎点赞、收藏、关注,一键三连!! Shader 编
Three.js 完全学习指南(十五)性能监控与调试
前言 大家好,我是鲫小鱼。是一名不写前端代码的前端工程师,热衷于分享非前端的知识,带领切图仔逃离切图圈子,欢迎关注我,微信公众号:《鲫小鱼不正经》。欢迎点赞、收藏、关注,一键三连!! 性能监控与调试
Three.js 完全学习指南(十四)VR/AR 应用开发
前言 大家好,我是鲫小鱼。是一名不写前端代码的前端工程师,热衷于分享非前端的知识,带领切图仔逃离切图圈子,欢迎关注我,微信公众号:《鲫小鱼不正经》。欢迎点赞、收藏、关注,一键三连!! VR/AR 应用
Three.js 完全学习指南(十三)游戏开发基础
游戏开发基础 在 Three.js 中,我们可以创建各种类型的 3D 游戏。本章将介绍游戏开发的基础知识,包括物理引擎集成、碰撞检测、游戏逻辑实现等。 物理引擎集成 1. Cannon.js 基础 图
Three.js 完全学习指南(十二)数据可视化
数据可视化 在 Three.js 中,我们可以创建各种形式的数据可视化效果。本章将介绍如何使用 Three.js 创建 3D 数据可视化,包括基础图表、动态数据更新和交互控制等。 基础图表系统 1.
Three.js 完全学习指南(十一)3D 产品展示
3D 产品展示 在 Three.js 中,创建 3D 产品展示是一个常见的应用场景。本章将介绍如何创建一个专业的产品展示系统,包括模型加载、交互控制、动画效果等。 基础场景搭建 1. 场景配置 图 1
Three.js 完全学习指南(十)模型加载与动画
模型加载与动画 在 Three.js 中,模型加载和动画是创建复杂 3D 场景的重要组成部分。本章将介绍如何加载和管理 3D 模型,以及如何实现和控制动画效果。 模型加载 1. 基础模型加载 图 10
Three.js 完全学习指南(九)性能优化技巧
性能优化技巧 在 Three.js 开发中,性能优化是一个重要的课题。本章将介绍各种性能优化技巧,帮助你创建流畅的 3D 应用。 渲染优化 1. 渲染器设置 图 9.1: 渲染性能对比 2. 相机优化
Three.js 完全学习指南(八)后期处理与滤镜
后期处理与滤镜 在 Three.js 中,后期处理(Post-processing)是一个强大的功能,它允许我们在场景渲染完成后对画面进行额外的处理,从而创建各种视觉效果。 基础后处理 1. Effe
Three.js 完全学习指南(七)粒子系统与特效
粒子系统与特效 在 Three.js 中,粒子系统是创建各种视觉效果的重要工具,从简单的雨雪效果到复杂的爆炸和魔法效果都可以实现。 基础粒子系统 1. Points 基础 图 7.1: 基础粒子效果示
Three.js 完全学习指南(六)高级材质与纹理
高级材质与纹理 在 Three.js 中,材质和纹理是创建真实感 3D 场景的关键要素。通过合理使用高级材质和纹理,可以让场景更加生动逼真。 高级材质类型 1. MeshStandardMateria
Three.js 完全学习指南(五)动画与交互基础
动画与交互基础 在 Three.js 中,动画和交互是创建生动 3D 应用的关键要素。通过合理的动画设计和交互处理,可以让场景更加生动有趣。 基础动画原理 1. 动画循环 动画循环是 Three.js
Three.js 完全学习指南(四)光源与阴影基础
光源与阴影基础 在 Three.js 中,光源和阴影是创建真实感 3D 场景的关键要素。合理的光照设置可以让场景更加生动,而阴影则能增强场景的深度感和真实感。 光源类型 Three.js 提供了多种类
Three.js 完全学习指南(三)几何体与材质入门
几何体与材质入门 在 Three.js 中,几何体和材质是创建 3D 对象的基础。几何体定义了对象的形状,而材质则决定了对象的外观。让我们深入了解这两个核心概念。 基础几何体 Three.js 提供了
下一页