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

The ultimate Three.js course

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

你将会学到的

该课程是完整的,但初学者可以访问。我们将首先了解 WebGL 是什么以及为什么必须使用 Three.js 库。然后我们将发现 Three.js 的各种组件,一旦掌握了基础知识,我们将转向更高级的技术来显示数百万个粒子、添加物理、添加交互、创建星系、为汹涌的大海设置动画等等。

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

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

目录

  • 1 简介
    2 什么是 WebGL 以及为什20么使用 Three.js
    3 基本场景
    4 Webpack
    5 变换对象
    6 动画
    7 相机
    8 全屏和调整大小
    9 几何图形
    10 调试 UI
    11 纹理
    12 材质
    13 3D 文本
    14上线
    15 灯光
    16 阴影
    17 鬼屋
    18 粒子
    19 Galaxy Generator
    20 Raycaster
    21 基于滚动的动画
    22 物理
    23 导入模型
    24 使用 Blender 的自定义模型
    25 逼真渲染
    26 更大项目的代码结构
    27 着色器
    28 着色器模式
    29 汹涌的大海
    30 动画银河
    31 修改的材质
    32 后期处理
    33 性能提示
    34 介绍和加载进度
    35 混合 HTML 和 WebGL
    36 在 Blender 中创建场景
    37 烘焙和导出场景
    38 导入和优化场景
    39 为场景添加细节
    40 什么是 React 和 React Three Fiber
    41 第一个 React 应用程序
    42 第一个 R3F 应用程序
    43 Drei
    44 调试
    45 环境和分段
    46 加载模型
    47 3D 文本
    48 门户场景
    49 鼠标事件
    50 后处理
    51 有趣和简单的作品集
    52 物理
    53 创建游戏
    54 结束
声明:本站所有资源、素材等全部来源于互联网,赞助VIP仅用于对IT资源服务器带宽等费用支出做支持,从本站下载资源,说明你已同意本条款。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。
TheItzy » 学习 Three.js 的最佳课程 | Three.js Journey — Learn WebGL with Three.js