Chia Sẻ Khóa Học Three.js Và TypeScript [Khóa 7810 A]
Tìm hiểu Threejs, TypeScript và NodeJS để tạo nội dung 3D tương tác trên web.
Bạn sẽ học được gì:
- ✓ Tìm hiểu cơ bản về Threejs với nhiều demo và code ví dụ.
- ✓ Thiết lập một Development Environment bằng VSCode, Git và NodeJS.
- ✓ Cài đặt TypeScript.
- ✓ Tạo một dự án Threejs bằng NPM và package json.
- ✓ Tìm hiểu về Webpack, NodeJS, Express và cung cấp các mô-đun ES6 cho các browser client.
- ✓ Tạo (hoặc tùy chọn Cài đặt) một Threejs TypeScript Boilerplate để sử dụng trong suốt khóa học.
- ✓ Tìm hiểu về Threejs Scene, Camera và Renderer.
- ✓ Tìm hiểu về Animation loop.
- ✓ Tìm hiểu về Stats và Dat GUI panels.
- ✓ Tìm hiểu về Object3D base class và các thuộc tính Rotation, Position, Scale, Visibility và Matrix.
- ✓ Tìm hiểu về Geometries như Box, Sphere, Icosahedron, Plane, TorusKnot và hơn thế nữa.
- ✓ Tìm hiểu về Basic, Normal, Lambert, Phong, Standard, Physical, Matcap và các material khác.
- ✓ Tìm hiểu về các highlighting option với SpecularMap, RoughnessMap và MetalnessMap.
- ✓ Tìm hiểu về Bumpmap và Displacement Maps.
- ✓ Tìm hiểu về cách sửa đổi texture và displacement map UV bằng cách sử dụng các material option.
- ✓ Tìm hiểu về lighting bằng cách sử dụng Ambient, Directional, Hemisphere, Point và Spot lights.
- ✓ Mipmaps, Custom Mipmaps và Anistropic Filtering.
- ✓ Tìm hiểu về shadows bằng cách sử dụng cả Perspective và Orthographic shadow camera.
- ✓ Tìm hiểu về Orbit, Trackball and Pointerlock mouse và các touch interaction control.
- ✓ Tìm hiểu về các model loader như OBJ, MTL, GLTF, DRACO và hơn thế nữa.
- ✓ Import third party FBX và glTF/glB animations.
- ✓ Tạo Custom Animations và Export từ Blender dưới dạng glTF/glB.
- ✓ Sử dụng Raycaster và cách sử dụng nó để chuột chọn các đối tượng 3D trong cảnh.
- ✓ Physics với Cannonjs.
- ✓ Cannonjs Debug Renderer.
- ✓ Hiểu ConvexPolyhedron so với Compound Shape cho Collision Detection.
- ✓ Provision, Deploy và Start các dự án Threejs của chúng tôi cho một Production server.
- ✓ Cài đặt Nginx Proxy, trỏ tên miền và cài đặt SSL.
- ✓ Sử dụng Module Specifiers với Webpack so với Relative Import References.
- ✓ Và nhiều ví dụ rất hữu ích khác về Threejs.
Chào mừng bạn đến với khóa học về Three.js và Typescript.
Trong khóa học này, chúng ta sẽ tìm hiểu tất cả về Three.js, viết nó bằng TypeScript, cũng như viết một HTML client và server component bằng cách sử dụng Webpack và NodeJS.
Khóa học gồm 5 phần chính:
- ✓ 1. Thiết lập môi trường phát triển và cài đặt TypeScript.
- ✓ 2. Tạo một Three.js boilerplate project. Phần này là tùy chọn, thay vào đó bạn có thể cài đặt boilerplate được tạo sẵn trong phần 3, nhưng việc xây dựng nó theo cách thủ công từ đầu sẽ giúp bạn hiểu rất rõ về các khía cạnh liên quan đến việc tạo một dự án Three.js mới từ đầu.
- ✓ 3. Cài đặt Threejs Course Boilerplate, trong trường hợp bạn không tạo thủ công trong phần 2.
- ✓ 4. Tìm hiểu tất cả về nhiều khía cạnh của Three.js từ cốt lõi cho đến cách sử dụng nó trong các ví dụ nâng cao hơn và liên quan đến các thư viện của bên thứ ba khác.
- ✓ 5. Triển khai đến Production. Chúng tôi sẽ xem xét một số tùy chọn khác nhau mà bạn có để hosting công khai các dự án Threejs của mình trên internet.
Tất cả code được cung cấp trong tài liệu đi kèm để bạn có thể dễ dàng sao chép và dán, trong trường hợp bạn không muốn tạm dừng video và sao chép từ màn hình. Các liên kết đến tài liệu nằm trong các tài nguyên bên cạnh mỗi video.
TypeScript giới thiệu tính năng an toàn kiểu trong code của chúng tôi, giúp code này mạnh mẽ hơn nhiều và cung cấp cho IDE các công cụ bổ sung như intellisence mà chúng tôi có thể sử dụng để giúp chúng tôi tìm và hiểu các thuộc tính và phương thức Threejs có sẵn và code chính xác hơn và nhanh hơn nhiều.
Khóa học này dành cho ai:
- ✓ Những người muốn học Threejs.
- ✓ Những người muốn học TypeScript.
- ✓ Những người muốn tạo ứng dụng, game hoặc hình ảnh 3D tương tác trên web.
- ✓ Những người muốn tìm hiểu đủ về Threejs, TypeScript và NodeJS để nó trở nên hữu ích.
NHẬN GET EBOOK TRÊN AMAZON THEO YÊU CẦU