Chia Sẻ Khóa Học Tìm Hiểu Three.Js Và Shaders Từ Đầu [Update Tháng 7-2023] [Khóa 7150 A]
Bạn sẽ học được gì:
- ✓ Cách cài đặt thư viện ThreeJs và import nó vào dự án của bạn.
- ✓ Tìm hiểu cơ bản về ThreeJs với nhiều demo và mã ví dụ.
- ✓ Tìm hiểu về ThreeJs Scene, Camera và Renderer.
- ✓ Tạo scene đầu tiên của bạn trong ThreeJs.
- ✓ Cách move và animate cho Objects.
- ✓ Tìm hiểu về Webpack, NodeJs và cung cấp các module ES6 cho các browser client.
- ✓ Chúng tôi sẽ nói về Gsap Package và cách chúng tôi có thể sử dụng nó.
- ✓ Cách chia tỷ lệ một 3D scene và phản hồi nhanh đến display screen.
- ✓ Tìm hiểu về Geometries như Box, Sphere, Plane, Torus, TorusKnot và hơn thế nữa.
- ✓ Tìm hiểu những bí mật trong đó một số dự án đã được thực hiện.
- ✓ Tìm hiểu về Basic, Normal, Lambert, Phong, Standard, Matcap và các material khác.
- ✓ Tìm hiểu về Bumpmap và Displacement Maps.
- ✓ Tìm hiểu Dat GUI panels.
- ✓ Mọi thứ liên quan đến Lights và Shadows sẽ được bao gồm.
- ✓ Chúng tôi sẽ đi sâu vào OrbitControls.
- ✓ Chúng ta cũng sẽ tìm hiểu cách tạo một Scene tuyệt đẹp bằng cách sử dụng Particles.
- ✓ Tìm hiểu về model loaders như OBJ, GLTF, DRACO, FBX, v.v.
- ✓ Cách sử dụng Raycaster và cách sử dụng nó để chọn chuột 3D objects trong scene.
- ✓ Tạo Custom Animations và Export từ Blender.
- ✓ Tìm hiểu Shaders (GLSL) để tạo các website sống động và sáng tạo.
- ✓ Cách tạo vertex và fragment shaders chi tiết.
- ✓ Chúng ta cũng sẽ nói về GLSL Built in function, Noises và cách import textures vào shade của bạn.
- ✓ Post Processing cũng sẽ được giải thích.
- ✓ Và nhiều hơn nữa . . .!
Chào mừng bạn đến với khóa học của tôi về ThreeJs và Shaders, nơi bạn sẽ học cách xây dựng các trang web 3D sống động và sáng tạo.
Trong khóa học này, chúng ta sẽ tìm hiểu tất cả về Three.js và Shaders, chúng ta cũng sẽ sớm chia sẻ một số bí mật của dự án.
Khóa học gồm 3 phần chính:
- ✓ 1. Phần Giới thiệu : Nơi chúng ta sẽ tìm hiểu mọi thứ liên quan đến thư viện này, bắt đầu với cách tạo một khối lập phương bên trong scene và sau đó là cách tạo animate cho khối lập phương đó, cách add lights, shadows, particles và hơn thế nữa.
- ✓ 2. Phần Shaders: chúng ta sẽ học shaders từ đầu và bạn sẽ ngạc nhiên trước những điều bạn có thể làm khi thành thạo shaders, tất cả những gì bạn phải làm là kiên nhẫn trong khi học.
- ✓ 3. Phần Projects : trong phần này, chúng tôi sẽ chia sẻ một số bí mật của dự án.
Tất cả code được cung cấp trong thư mục resources nơi bạn có thể tìm thấy thư mục Startup là code ở đầu bài giảng và thư mục Last Code là code được viết sau khi chúng tôi kết thúc bài học.
Nếu bạn gặp bất kỳ câu hỏi nào liên quan đến một bài học cụ thể, tôi hy vọng rằng bạn sẽ đặt câu hỏi trong phần questions, tôi sẽ trả lời tất cả các câu hỏi, vì vậy đừng ngại đặt bất kỳ câu hỏi nào.
Mục lục:
- ✓ 1. Giới thiệu về Three.JS.
- ✓ 2. Shaders.
- ✓ 3. Projects.
Khóa học này dành cho ai:
- ✓ Các Web developer mới bắt đầu muốn tìm hiểu về ThreeJs.
- ✓ Các Front end developer muốn tìm hiểu về các khái niệm ThreeJs.
- ✓ Các Web developer muốn tạo các website 3D sống động và sáng tạo.
NHẬN GET EBOOK TRÊN AMAZON THEO YÊU CẦU