|
所在平台: Udemy |
课程主页: https://www.udemy.com/course/threejs-using-react/
课程评论:没有评论
**课程名称:** 使用 React 学习 Three.js:构建 3D 特斯拉工作坊 2021 **课程概述:** 本课程将带您进入 Three.js 的世界,并学习如何将其集成到基于 React 的 Web 应用程序中。我们将利用 react-three-fiber 库,帮助您学习并构建一个支持交互式 3D 对象的网站,从而提升您的 3D 网站开发竞争力,并 enriquecer 您的作品集! 课程内容包括: * **环境搭建:** 学习如何设置 React 应用以及其他环境配置,以连接 react-three-fiber。 * **Three.js 核心概念:** 深入理解 Three.js 的底层核心概念,包括场景图、几何体、灯光、材质、纹理和阴影。 * **交互性与物理效果:** 学习如何使 3D 对象具有交互性,并在场景中添加物理效果。 * **相机设置与渲染:** 掌握相机设置和灯光的工作原理,以渲染出完美的场景。 * **材质与纹理应用:** 学习如何为对象应用材质和纹理,使其栩栩如生。 * **几何体与网格创建:** 学习关于几何体和网格的知识,以创建逼真的对象。 * **用户交互:** 通过添加控制器和设置事件,使您的 3D Web 应用程序更具交互性。 **学习目标:** 完成本课程后,您将能够构建一个包含 3D 特斯拉工作坊模型的 React 网页,供您个人欣赏或与朋友分享。 **适合人群:** 本课程适合任何具备 React 或 JavaScript 基础知识,并希望学习如何创建交互式 3D 网站的学习者。
This course introduces you to the world of three.js and how it can be integrated with react based web application. We make use of react-three-fiber to help you learn and build a website that supports interactive 3D objects. Let us help you become competitive in building 3D websites and enhance your portfolio!We will teach you how to setup your react app along with other environment settings to connect with react-three-fiber. This course will go through underlying core concepts of three.js including scene graph, geometry, lighting, materials, textures and shadows. You will learn how to make objects interactive and add physics to your scene. You will learn how camera settings and lighting work to render the perfect scene. Apply materials and textures to objects to make them come to life. Learn about geometry and meshes to create realistic looking objects. Make your 3D web application interactive by adding controls and setting up events.By the end of this course you should have your react webpage ready with a 3D model of Tesla workshop that you can enjoy for yourself or share with you friends.Who should enroll in this course?This course is for anyone who has basic knowledge or react or javascript and wants to learn how to create interactive 3D websites.