【Udemy中英字幕】Learn Three.Js and Shaders from scratch

从头学习 Three.Js 和 Shaders

学习掌握 Three JS 和 Shaders 所需的一切，以构建沉浸式创意网站

讲师：Ahmad Al-shurafa

双语IT资源独家Udemy付费课程，独家中英文字幕，配套资料齐全！

用不到1/10的价格，即可享受同样的高品质课程，且可以完全拥有，随时随地都可以任意观看和分享。

您将学到什么

• 如何安装 ThreeJs 库并将其导入到你的项目中
• 通过大量演示和示例代码学习 ThreeJs 的基础知识
• 了解 ThreeJs 场景、相机和渲染器
• 在 ThreeJs 中创建我们的第一个场景
• 如何移动和动画对象
• 了解 Webpack、NodeJs 以及向浏览器客户端提供 ES6 模块。
• 我们将讨论 Gsap 包及其使用方法
• 如何缩放 3D 场景并根据显示屏做出响应
• 了解盒子、球体、平面、圆环、圆环结等几何图形
• 了解盒子、球体、平面、圆环、圆环结等几何图形
• 了解一些项目制作的秘密
• 了解 Basic、Normal、Lambert、Phong、Standard、Matcap 和其他材质
• 了解凹凸贴图和位移贴图
• 了解 Dat GUI 面板
• 涵盖与灯光和阴影相关的所有内容
• 我们将深入探讨 OrbitControls
• 我们还将学习如何使用粒子创建令人惊叹的场景
• 了解模型加载器，例如 OBJ、GLTF、DRACO、FBX 等
• 如何使用 Raycaster 以及如何使用它在场景中鼠标拾取 3D 对象
• 创建自定义动画并从 Blender 导出
• 学习着色器（GLSL）来创建沉浸式和富有创意的网站
• 如何详细创建顶点和片段着色器
• 我们还将讨论 GLSL 内置函数、噪声以及如何将纹理导入到您的阴影中
• 后期处理也将讲解
• 还有更多……

要求

• 可以安装 VSCode 或任何代码编辑器的设备
• 基本的 JavaScript 知识，你应该熟悉 let、const、循环、数组、函数
• 其中最重要的两件事是耐心（请耐心等待），以及有创建 3D Web 应用程序的愿望

描述

欢迎来到我的 ThreeJs 和 Shaders 课程，您将在这里学习如何构建沉浸式和富有创意的 3D 网站

在本课程中，我们将学习有关 Three.js 和 Shaders 的所有知识，我们还将很快分享一些项目的秘密

该课程分为三个主要部分，

1. 简介部分：我们将学习与该库相关的所有内容，从如何在场景内创建一个立方体开始，然后如何为该立方体制作动画，如何添加灯光、阴影、粒子等等。
2. 着色器部分：我们将从头开始学习着色器，当你掌握着色器后，你将对自己能够做的事情感到惊讶，你所要做的就是耐心学习
3. 项目部分：在本部分中，我们将分享一些项目的秘密

所有代码均在资源文件夹中提供，您可以在其中找到 Startup 文件夹（讲座开始时的代码）和 Last Code 文件夹（我们完成课程后编写的代码）。

如果您对某一节课有任何疑问，我希望您在问题部分提出问题，我会回答所有问题，所以不要害怕问任何问题

感谢您参加我的课程，到时候见。

艾哈迈德

本课程适合哪些人：

• 想要了解 ThreeJs 的初级 Web 开发人员
• 想要了解 ThreeJs 概念的前端开发人员
• 想要创建沉浸式、富有创意的 3D 网站的 Web 开发人员