学习 Three.js 的最佳课程 | Three.js Journey — Learn WebGL with Three.js

The ultimate Three.js course

您是否曾经想创建令人惊叹的 3D 网站?无论您是初学者还是更高级的开发人员,Three.js Journey 都是您使用 Three.js 学习 WebGL 的唯一课程。

你将会学到的

一切您需要的都在这里:91小时的视频,从零基础到高级Three.js开发者。

这门课程对初学者来说是完整的,但也易于理解。我们将从探索WebGL是什么以及为什么使用Three.js库是必不可少的开始。然后,我们将发现Three.js的各种组件,一旦掌握了基础知识,我们将转向更高级的技术,如显示数百万粒子,添加物理效果,添加交互,创建星系,动画展示怒涛海浪等。

在课程结束时,您将对Three.js有深入的了解,并具有足够的经验开始您自己的项目。

作为额外的福利,我们还将学习如何使用3D软件Blender来创建自己的模型。

目录

  • 01 — 介绍
  • 02 — 什么是WebGL以及为什么使用Three.js
  • 03 — 第一个Three.js项目
  • 04 — 对象转换
  • 05 — 动画
  • 06 — 相机
  • 07 — 全屏和调整大小
  • 08 — 几何形状
  • 09 — 调试UI
  • 10 — 纹理
  • 11 — 材质
  • 12 — 3D 文本
  • 13 — 上线
  • 14 — 灯光
  • 15 — 阴影
  • 16 — 幽灵屋
  • 17 — 粒子
  • 18 — 星系生成器
  • 19 — 基于滚动的动画
  • 20 — 物理
  • 21 — 导入模型
  • 22 — 射线投射器和鼠标事件
  • 23 — 使用Blender创建自定义模型
  • 24 — 环境贴图
  • 25 — 逼真渲染
  • 26 — 用于大型项目的代码结构
  • 27 — 着色器
  • 28 — 着色器模式
  • 29 — 激流海
  • 30 — 动态星系
  • 31 — 修改材质
  • 32 — 咖啡烟雾着色器
  • 33 — 全息影像着色器
  • 34 — 烟花着色器
  • 35 — 灯光着色器
  • 36 — 怒涛海浪着色器
  • 37 — Halftone 着色器
  • 38 — 地球着色器
  • 39 — 粒子光标动画着色器
  • 40 — 粒子变形着色器
  • 41 — GPGPU 流场粒子着色器
  • 42 — 波动球体着色器
  • 43 — 分层模型着色器
  • 44 — 过程地形着色器
  • 45 — 后期处理
  • 46 — 性能技巧
  • 47 — 介绍和加载进度
  • 48 — HTML与WebGL混合
  • 49 — 在Blender中创建场景
  • 50 — 烘焙和导出场景
  • 51 — 导入和优化场景
  • 52 — 为场景添加细节
  • 53 — 什么是React和React Three Fiber
  • 54 — 第一个React应用程序
  • 55 — 第一个React Three Fiber应用程序
  • 56 — R3F和Drei
  • 57 — 调试R3F应用程序
  • 58 — R3F中的环境和分段
  • 59 — 使用R3F加载模型
  • 60 — 使用R3F创建3D文本
  • 61 — 使用R3F创建门户场景
  • 62 — R3F中的鼠标事件
  • 63 — 使用R3F进行后期处理
  • 64 — 使用R3F创建有趣简洁的作品集
  • 65 — 使用R3F进行物理操作
  • 66 — 使用R3F创建游戏
  • 67 — 结束
声明:本站所有资源、素材等全部来源于互联网,赞助VIP仅用于对IT资源服务器带宽等费用支出做支持,从本站下载资源,说明你已同意本条款。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。
TheItzy » 学习 Three.js 的最佳课程 | Three.js Journey — Learn WebGL with Three.js