|
所在平台: Udemy |
课程主页: https://www.udemy.com/course/intermediate-threejs-with-shaders/
课程评论：没有评论
课程名称：中级 Three.js 与着色器 课程概述： 欢迎参加中级 Three.js 与着色器课程。在这个课程中，您将学习如何使用自定义 Three.js 着色器创建一个交互式的 3D 地球仪。课程的前一个半小时是免费的，您可以通过 Udemy 或 YouTube 的“预览”按钮观看，而其余 3 小时的内容需要购买。 我的名字是 Christopher Lis，我是一名获奖的全栈工程师，拥有超过十年的网页开发经验，曾直接与哈佛大学、篮球锦标赛等客户合作。此课程的目标是让您能够编写自己的自定义 Three.js 着色器，理解如何将这些着色器导入到实际的 Three.js 场景中。您还将学习如何根据不同国家的经纬度在地球仪上动态放置数据点。市面上关于此主题的深入视频非常少见，因此我决定深入探讨这一内容。 在这个课程中，您将学习到的内容包括： - 顶点着色器 - 片段着色器 - 使用 Vite 插件导入着色器 - 法线 - Uniforms - Attributes - Varyings - 点云与粒子 - 批量数据导入 - 矩形网格动画 - 点击与拖动功能 - 场景响应性 - 触摸事件监听器 等等。 如果您希望提升您的 Three.js 技能，学习着色器将是您熟悉该框架后的下一个合乎逻辑的步骤。让我引导您完成一个可以实际应用于网站的 3D 场景的完整制作过程。
PLEASE READ: This is a freemium course-the first hour and a half are free (you can watch right here on Udemy [or YouTube] with each video's "Preview" button), while the remaining 3 hours require course purchase. I've always been a big advocate of spreading the basics to as many people as possible, as I believe knowledge and personal growth are some of the best ways to better our world as a whole. Enjoy.Welcome to the Intermediate ThreeJS with Shaders course, where you will learn how to create an interactive 3d globe with custom ThreeJS shaders.My name is Christopher Lis, and I'm an award winning Full-Stack Engineer with over ten years of web development experience. I've directly worked with clients like Harvard University, The Basketball Tournament, and premium award winning agencies like Brave People.The goal of this course is to get you writing your own custom ThreeJS shaders with GLSL, and to help you understand how to import these shaders into a practical ThreeJS scene. You'll also learn how to dynamically place data points on a globe based on the latitude and longitude of different countries. There are little to no videos out there that actually go into this topic in-depth so I figured I should tackle it.In this course, you'll learn everything from: - Vertex Shaders - Fragment Shaders - Import Shaders with Vite Plugins - Normals - Uniforms - Attributes - Varyings - Point clouds and particles - Bulk Data Imports - Rectangular Mesh Animation - Click and Drag Functionality - Scene Responsiveness - Touch Event ListenersAnd so much more.If you're serious about taking your ThreeJS skills to the next level, then shaders are logically the next step after become acquainted with the framework. Let me guide you through the full production of a 3d scene you can actually use for a real website.
