【Udemy Three.JS 最受好评】Intermediate Three.js with Shaders

使用自定义 ThreeJS 着色器创建交互式 3d 地球仪。

你将会学到的

  • 创建和理解 ThreeJS 着色器的组合和设置
  • 如何将纹理导入着色器以创建地球
  • 如何创建顶点和片元着色器
  • 如何将着色器导入 vite 项目
  • 了解复杂的 3D 术语,例如法线、Attributes、Varyings和 UV
  • 如何在具有纬度和经度的地球上绘制交互式数据点
  • 如何导入批量数据并将其读取到场景中
  • 如何使用 GSAP 为生成的网格设置动画
  • 如何向地球添加单击和拖动功能
  • 如何为较小的屏幕尺寸缩放 3D 场景
  • 如何添加移动事件监听器

要求

  • 你必须已经有设置了 ThreeJS 的开发环境——我在这里使用 Vite,你可以通过在 Udemy 上学习我的 Modern ThreeJS 课程来学习如何做
  • 安装了 ThreeJS 的 Vite 推荐用于前端服务器,但不是必需的
  • ThreeJS 版本 ^0.128.0 推荐(课程中使用),但不是必需的
  • 你应该有基本的数学背景(包括矩阵的基础知识,但不包括数学课程的细节)

说明

注意:这是一个免费增值课程——第一个模块的大部分课程都是免费的(您可以在 Udemy 上观看每个视频的“预览”按钮),而其余的需要购买课程。我一直大力倡导将基础知识传播给尽可能多的人,因为我相信知识和个人成长是改善整个世界的最佳方式。享受。

欢迎来到带着色器的中级 ThreeJS 课程,您将在其中学习如何使用自定义 ThreeJS 着色器创建交互式 3d 地球。

我的名字是 Christopher Lis,我是一名获奖的全栈工程师,拥有超过十年的 Web 开发经验。我曾直接与哈佛大学、篮球锦标赛等客户以及 Brave People 等优质获奖机构合作。

本课程的目标是让您使用 GLSL 编写自己的自定义 ThreeJS 着色器,并帮助您了解如何将这些着色器导入到实际的 ThreeJS 场景中。您还将学习如何根据不同国家/地区的纬度和经度在地球上动态放置数据点。几乎没有视频可以深入探讨这个话题,所以我想我应该解决它。

在本课程中,您将从以下方面学到一切:

– 顶点着色器

– 片元着色器

– 使用 Vite 插件导入着色器

– 法线

– Uniforms

– Attributes

– Varyings

– 点云和粒子

– 批量数据导入

– 矩形网格动画

– 单击和拖动功能

– 场景响应

– 触摸事件监听器

还有更多。

如果您真的想将您的 ThreeJS 技能提升到一个新的水平,那么在熟悉该框架之后,着色器在逻辑上是下一步。让我指导您完成可实际用于真实网站的 3d 场景的完整制作。

此课程面向哪些人:

  • 中级 ThreeJS 开发人员,他们知道如何使用材质、几何图形和网格创建场景
声明:本站所有资源、素材等全部来源于互联网,赞助VIP仅用于对IT资源服务器带宽等费用支出做支持,从本站下载资源,说明你已同意本条款。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。
IT资源 - 高品质精品资源分享网站 » 【Udemy Three.JS 最受好评】Intermediate Three.js with Shaders