Ưu đãi trong tuần: Nhập mã UD50 giảm 50k cho đơn từ 300k!
Trang chủ
Menu

Three.js and TypeScript

Three.js và TypeScript

Three.js và TypeScript

Học Threejs, TypeScript và NodeJS để tạo nội dung 3D tương tác trên web.

4.7
(2,147 đánh giá)
17,140 học viên
Giảng viên
Sean Bradley
Phụ đề Việt chất lượng cao Phụ đề tiếng Anh Bán chạy Đánh giá cao
50.000đ 1.639.000đ -97%
✓ Xem giỏ hàng và thanh toán
Bao gồm phụ đề tiếng Việt, tiếng Anh
8.5 giờ video
45 bài giảng
Truy cập vĩnh viễn
Học trên mọi thiết bị
Cập nhật: 30/05/2026

Bạn sẽ học được gì

Nắm vững kiến thức cơ bản về Threejs qua nhiều minh họa và mã nguồn mẫu
Thiết lập Môi trường Phát triển bằng VSCode, Git và NodeJS
Cài đặt TypeScript
Tạo dự án Threejs sử dụng NPM và file package.json
Tìm hiểu về công cụ đóng gói Vite và cách cung cấp module ES6 cho trình duyệt
Tạo (hoặc cài đặt tùy chọn) bộ khung Threejs TypeScript để sử dụng xuyên suốt khóa học
Tìm hiểu về Scene, Camera và Renderer trong Threejs
Tìm hiểu về vòng lặp Animation
Tìm hiểu về bảng điều khiển Stats, Dat GUI và lil-gui
Tìm hiểu về lớp cơ sở Object3D, cùng các thuộc tính Rotation, Position, Scale, Visibility và Matrix
Tìm hiểu về các Hình học như Box, Sphere, Icosahedron, Plane, TorusKnot và nhiều loại khác
Tìm hiểu về các vật liệu Basic, Normal, Phong, Standard, Physical và các loại khác
Tìm hiểu về PBR Roughness và Metalness
Tìm hiểu về ánh sáng sử dụng đèn Ambient, Directional, Point và Spot
Tìm hiểu về bóng đổ sử dụng camera bóng Perspective và Orthographic
Tìm hiểu về các điều khiển tương tác chuột và cảm ứng Orbit, Trackball và Pointerlock
Tìm hiểu về các bộ tải như GLTF, DRACO, OBJ, Texture, RGBE và nhiều loại khác
Nhập hoạt ảnh glTF/glB từ bên thứ ba
Tạo hoạt ảnh bằng Lerp, JEasings và Animation Mixer
Sử dụng Raycaster và cách dùng nó để chọn đối tượng 3D bằng chuột trong scene
Vật lý với Rapier
Rapier Debug Renderer
Hiểu về các Hình dạng cho Phát hiện Va chạm
Cung cấp, Triển khai và Khởi chạy Dự án Threejs lên máy chủ Production
Đồng bộ Ánh sáng và Bản đồ Môi trường với Blender
Cài đặt Nginx Proxy, Trỏ Tên miền và Cài đặt SSL
Và nhiều ví dụ hữu ích khác về Threejs

Yêu cầu

Máy tính có thể cài đặt VSCode, Git và NodeJS
Mong muốn lập trình ứng dụng web 3D bằng Threejs và TypeScript

Đối tượng phù hợp

Người quan tâm học Threejs
Người quan tâm học TypeScript
Người quan tâm tạo ứng dụng, trò chơi hoặc hình ảnh hóa 3D tương tác trên web

Nội dung khóa học

1 phần • 45 bài giảng
1 Giới thiệu - Cách học khóa học này
2 Thiết lập Môi trường Phát triển
3 Tạo Bộ khung cho Khóa học
4 Cài đặt Three.js và @three/types
5 Nhập các Module của Three.js
6 Bảng điều khiển Stats
7 Dat GUI
8 Cài đặt Bộ khung Khóa học Three.js
9 Scene
10 Camera
11 Renderer
12 Vòng lặp Animation
13 Object3D
14 Cấu trúc phân cấp Object3D
15 Các Hình học
16 Vật liệu
17 Vật liệu Thông dụng
18 lil-gui
19 Ánh sáng
20 Bóng đổ
21 Bản đồ Môi trường
22 Tải Tài nguyên
23 Tải Nhiều Tài nguyên
24 Bộ tải GLTF : Phần 1
25 Bộ tải GLTF : Phần 2
26 Raycaster
27 Điều khiển Orbit
28 Lerp
29 JEasings
30 Hoạt ảnh GLTF
31 GLTF DRACO
32 Vật lý với Rapier
33 Rapier Debug Renderer
34 Điều khiển PointerLock
35 Động cơ Rapier ImpulseJoint
36 Trò chơi Vượt chướng ngại vật : Phần 1
37 Trò chơi Vượt chướng ngại vật : Phần 2
38 Triển khai lên Production
39 Lưu trữ bằng GitHub Pages
40 Lưu trữ bằng GitLab Pages
41 Cung cấp Máy chủ Đám mây cho Production
42 Cài đặt Nginx
43 Triển khai File lên Máy chủ
44 Trỏ Tên miền
45 Thêm SSL

Giới thiệu khóa học

Welcome to my course on Three.js and Typescript.

Three.js is a JavaScript library that allows developers to create exciting and very visual interactive 3D content on the internet.

TypeScript introduces static type checking, which means you can explicitly define the types of variables, function parameters, and return values. This catches potential errors during development, making your code more robust and reliable.

TypeScript also integrates well with modern IDEs and offers intelligent code hinting and autocompletion.

Threejs has become a hugely valuable resource on the internet and provides millions of possibilities, however many new learners struggle in their early stages while trying to de-cypher the huge amount of resources on the internet.

So this is where this course will help you. It will guide you first with the essential basics of using Threejs and its related addons library, and as the course progresses, each now concept will build on the previous, and become increasingly more sophisticated, so that you understand the problem that each new concept was designed to solve.

So, at the end, you would have covered many of the requirements to understand how to build your own Threejs projects and also understand the official examples better. This is so you can confidently continue on your own to build much more complex applications in the future.

All the code demonstrated in the videos, is provided in this accompanying documentation, that you can access for free online, so that you can easily copy and paste and participate alongside the videos.

So, if you know that you like coding, you like seeing it work for yourself, and you like to experiment, and have millions of ideas that you want to explore, then this course is for you.

There is much to learn, but in the end you would have developed the techniques required to build your own Threejs projects and participate more effectively in the 3D developer community.

Thanks for taking part in my course, and I hope to see you there.

Sean


Khóa học liên quan

Khám phá thêm các khoá học cùng chủ đề

Hiển thị tất cả khoá học Computer Graphics
Hiển thị tất cả khoá học Javascript
Hiển thị tất cả khoá học Typescript
Hiển thị tất cả khoá học Web Development
Zalo
Tôi có thể tư vấn khoá học cho bạn 😊