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

WebGL w/ Unity: The Ultimate Guide to Games in the Browser

WebGL với Unity: Hướng dẫn Tối ưu để Tạo Game Chạy Trên Trình Duyệt

WebGL với Unity: Hướng dẫn Tối ưu để Tạo Game Chạy Trên Trình Duyệt

Unity3D là cách dễ nhất để triển khai game HTML5! (Dễ hơn cả three.js, babylon.js, phaser và playcanvas!)

4.5
(312 đánh giá)
3,212 học viên
Giảng viên
Rocco Balsamo
Phụ đề Việt chất lượng cao Phụ đề tiếng Anh Bán chạy Đánh giá cao
50.000đ 1.199.000đ -96%
✓ Xem giỏ hàng và thanh toán
Bao gồm phụ đề tiếng Việt, tiếng Anh
4.0 giờ video
63 bài giảng
Truy cập vĩnh viễn
Học trên mọi thiết bị
Cập nhật: 28/05/2026

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

Triển khai một game Unity lên web ngay trong mười phút đầu tiên của khóa học!
Học cách tìm mã nguồn game miễn phí để nghiên cứu và chia sẻ
Hiểu về lịch sử của Unity và web, cũng như lý do bạn nên dùng Unity làm công cụ phát triển web
Tải game lên nhiều dịch vụ khác nhau (Simmer, Github Pages, hosting web thông thường, Firebase và AWS)
Đưa game chạy trên trình duyệt vào Wordpress, Patreon, Kickstarter và Medium
Lấy ảnh từ web và sử dụng chúng trong game của bạn
Kết nối với API tìm kiếm web và xây dựng công cụ tìm kiếm đa phương tiện
Xây dựng các mẫu WebGL tùy chỉnh và tận dụng khả năng thích ứng web cho nhiều độ phân giải khác nhau
Giao tiếp giữa Unity (C#) và trình duyệt web (Javascript)
Xử lý các lỗi WebGL phổ biến như CORS và vấn đề bộ nhớ

Yêu cầu

Khóa học này sử dụng cả C# (Unity) và Javascript / HTML5 / CSS (Web)
Không yêu cầu kiến thức về C# hay Javascript, nhưng bạn sẽ học hiệu quả nhất nếu đã có chút kinh nghiệm lập trình
Không yêu cầu kiến thức về WebGL hay WebAssembly ở cấp thấp
YÊU CẦU: niềm đam mê học hỏi các công nghệ mới tuyệt vời

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

Nhà phát triển web muốn tìm hiểu về phát triển game 2D và 3D
Nhà phát triển game muốn triển khai game của mình lên Web
Bất kỳ ai muốn tạo ra các ứng dụng đa phương tiện phong phú có khả năng lấy dữ liệu và hình ảnh từ WebAPI

Nội dung khóa học

10 phần • 63 bài giảng
1 Xuất bản Game WebGL đầu tiên của bạn
2 Máy chủ Local, NGrok và Nơi Triển khai Game của Bạn
3 Ôn tập về Xây dựng và Triển khai cùng Bài tập
4 Gỡ lỗi bản dựng WebGL bằng Bảng điều khiển Javascript
1 Đề cương
2 Lịch sử của Unity trên Web
3 Tại sao cần quan tâm đến WebGL?
4 Tại sao dùng Unity cho Game Trên Trình Duyệt?
5 Tại sao không dùng Unity cho Game Trên Trình Duyệt?
6 Về Giảng viên của bạn
1 Ba Cách để Ngay lập tức Cải thiện Bản dựng WebGL của bạn
2 Làm cho Game của bạn Thích ứng Linh hoạt
3 Sử dụng Phông chữ Tốt hơn
4 Sử dụng Bộ nhớ đệm Dữ liệu
1 Cài đặt Player
1 Các Tùy chọn Lưu trữ
2 Lưu trữ Web CPanel với Siteground (phần 1, thiết lập)
3 Lưu trữ Web CPanel với Siteground (phần 2, ftp)
4 Triển khai lên Github Pages
5 Triển khai lên Firebase (Google Cloud)
6 Triển khai lên AWS (Giới thiệu)
7 Thêm Game của bạn vào Bài đăng trên Blog Wordpress hoặc Medium
8 Thêm Game của bạn vào Patreon hoặc Kickstarter
1 Giới thiệu về Mẫu WebGL Tùy chỉnh
2 Ngoài lề: Git Bash cho Windows
3 Sao chép Mẫu Tối giản
4 Hiểu về Mẫu và Tránh Ghi đè
5 Thêm Nền vào Mẫu của chúng ta
6 Thêm Tiêu đề và Chân trang vào Mẫu của chúng ta
7 Điều chỉnh Viền bằng Javascript
8 Căn giữa Vùng chứa Game
9 Dọn dẹp Kiểu CSS của chúng ta
10 Sao chép Ngược các Thay đổi vào Unity
11 Ôn tập và Xem nhanh về Mẫu Thích ứng
12 Bài tập: Triển khai một Mẫu WebGL Tùy chỉnh
1 Giới thiệu về Tải Ảnh
2 Ngoài lề: Tải Dự án từ Github
3 Tải Ảnh từ Unity và Lỗi CORS
4 Giải thích về CORS và Chính sách Nguồn gốc Đơn nhất
5 Sử dụng HTTPie để Kiểm tra Header
6 Kiểm tra CORS với HTTPie
7 Sử dụng Cloudinary để Khắc phục Lỗi CORS
8 Một Lớp Cloudinary trong Unity
1 Sử dụng JSON & Web API để Xây dựng Công cụ Tìm kiếm trong Unity
2 Giới thiệu về JSON
3 API Pixabay
4 Thiết lập Giao diện Unity
5 Tải JSON xuống bằng UnityWebRequest
6 Kết nối Giao diện
7 Phân tích cú pháp JSON với MiniJSON (Giới thiệu)
8 Phân tích cú pháp JSON với MiniJSON (mã)
9 Tải Ảnh từ Pixabay xuống
10 Ôn tập, cùng với Kho lưu trữ Github cho Phần này
1 Tương tác với Tập lệnh Trình duyệt
2 Thiết lập Dự án và Quy trình làm việc
3 Gọi Javascript từ Unity (C#)
4 Viết Mã Javascript trong JSLib để Thay đổi Màu Nền
5 Chuẩn bị Unity cho một Cuộc gọi từ Javascript
6 Gọi Mã Unity (C#) từ Javascript
7 Sao chép Ngược các Thay đổi vào Unity (Lần nữa!) và Kho lưu trữ Github cho Dự án
8 Ôn tập và Trang Hướng dẫn Sử dụng Unity về Tập lệnh Trình duyệt
1 Cảm ơn bạn! Tổng kết Khóa học Cuối cùng
2 Thưởng: Tìm hiểu Công cụ dành cho Nhà phát triển Chrome

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

Fellow code warriors, if you've ever considered building 2D or 3D games for the browser, you won't find a better guide than Rocco's just completed course on Udemy. Rocco is a gifted instructor and keeps the information flowing at the right pace while maintaining a very practical emphasis.

AND he very thoughtfully avoids confusing users by wearing the same red plaid shirt for every lecture. Check it out!

   - Michael Sample, Director of Engineering @Gliffy

Are you a game developer looking for the ultimate low-friction way to reach a wider audience on the web?

Or are you a web developer looking for a mature development environment for bringing 2D and 3D graphical web applications to life?

Within the first ten minutes of this course, you will be able to build a 3D app and deploy it to a live website. Then you'll learn the rich history of Unity and the web, and understand how to deploy browser games to various services including:

  • Github Pages

  • Google Cloud / Firebase

  • AWS

  • Kickstarter, Patreon, Wordpress and Medium and more...

Early in the course, you'll learn three secrets that will instantly make your game look fantastic in the browser. Then you'll do a deep dive about how to use images and textures pulled from the web. You'll learn how to interface with a web search API using CORS and JSON, and we'll cover how to avoid common errors when exporting your game to WebGL. Finally, you'll learn how to achieve bi-directional communication between the browser and Unity.

This course is NOT a general purpose Unity tutorial, nor is it a general purpose Web development class. There are plenty of those. This IS an intermediate-level topics course that will spark your imagination with the amazing possibilities of 2D and 3D graphical applications in the browser.

While the earlier lessons don't require much coding, we will use plenty of C#, Javascript, HTML and CSS in the later lessons. You'll get the most out of this course if you have some development experience with either Unity or the web. But don't worry, we'll go over all the code line-by-line, and I'll share various resources and documentation with you that will help you create awesome browser-based 2D and 3D apps!

From the instructor:

I have almost twenty years of professional development experience. In the first half of my career I was a professional game developer (Rock Band, The Sims, and many more), and in the second half I specialized in graphical applications for the web (Gliffy diagramming and SIMMER game hosting).

I've tried various web-graphics libraries like three.js, babylon.js, phaser and playcanvas. Nothing comes close to the mature development tools contained within Unity3D. I believe we are at the dawn of a new era of rich 2D and 3D experiences on the web, and Unity is the killer app that will make it happen.


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 Game Development
Hiển thị tất cả khoá học Unity
Hiển thị tất cả khoá học Web Development
Hiển thị tất cả khoá học Webgl
Zalo
Tôi có thể tư vấn khoá học cho bạn 😊