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

Learn Game Development with JavaScript

Học Phát Triển Game với JavaScript

Học Phát Triển Game với JavaScript

Tự tạo game 2D có hoạt ảnh của riêng bạn

4.5
(372 đánh giá)
11,435 học viên
Giảng viên
Frank Dvorak
Phụ đề Việt chất lượng cao Phụ đề tiếng Anh Bán chạy Đánh giá cao
50.000đ 349.000đ -86%
✓ Xem giỏ hàng và thanh toán
Bao gồm phụ đề tiếng Việt, tiếng Anh
3.0 giờ video
38 bài giảng
Truy cập vĩnh viễn
Học trên mọi thiết bị
Cập nhật: 08/09/2026

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

Xây dựng game 2D bằng HTML, CSS & JavaScript, không dùng framework hay thư viện
Khám phá kỹ thuật tạo hoạt ảnh web với phần tử canvas của HTML
Thực hành Lập trình Hướng Đối tượng
Tìm hiểu và học 5 kỹ thuật cốt lõi của phát triển game 2D và áp dụng vào một dự án thực tế

Yêu cầu

Cần có kiến thức cơ bản về HTML, CSS & JavaScript để theo học khóa này
Cần có trình soạn thảo code và trình duyệt web

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

Lập trình viên front end mới bắt đầu, tò mò về hoạt ảnh và game 2D
Học viên lập trình

Nội dung khóa học

1 phần • 38 bài giảng
1 Thiết lập HTML & CSS
2 Thiết lập JavaScript cơ bản
3 Lập trình Hướng Đối tượng với JavaScript
4 Tạo đối tượng Người chơi & Trò chơi
5 Vòng lặp hoạt ảnh
6 Xử lý đầu vào từ bàn phím
7 Tạo đạn
8 Sự kiện định kỳ
9 Vẽ giao diện người dùng (UI) cho game
10 Lớp kẻ địch cơ bản
11 Phát hiện va chạm giữa các hình chữ nhật
12 Vẽ điểm số trong game
13 Điều kiện thắng và thua
14 Đếm thời gian game
15 Nền parallax có hoạt ảnh
16 Hoạt ảnh sprite với JavaScript
17 Tạo chế độ debug
18 Tạo hoạt ảnh cho sprite sheet của kẻ địch
19 Lớp kẻ địch Night Angler
20 Lớp kẻ địch Lucky Fish
21 Thu thập vật phẩm tăng sức mạnh (power ups)
22 Vẽ đạn dưới dạng hình ảnh
23 Phông chữ tùy chỉnh và văn bản trong game
24 Dọn dẹp và tối ưu hóa
25 Hiệu ứng hạt và vật lý
26 Xoay hạt
27 Chỉnh sửa và sửa lỗi
28 Lớp kẻ địch Hive Whale
29 Lớp kẻ địch Drone
30 Hoạt ảnh hiệu ứng bụi
31 Hoạt ảnh hiệu ứng lửa
32 Điều chỉnh độ khó game
33 Lớp kẻ địch Bulb Whale
34 Loại kẻ địch Moon Fish
35 Âm thanh
36 Khiên có hoạt ảnh
37 Đạn có hoạt ảnh
38 Bước tiếp theo là gì?

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

Games should be exciting, full of secrets and special features! Let me take you step by step though my creative process and show you how I build unique game worlds for players to have adventures in. I will explain every line of code as we write it. Let's practise object oriented programming and use HTML, CSS and plain vanilla JavaScript to build a game. There will be no frameworks and no libraries, because we want deep understanding of how things work under the hood.

 

Let's explore an alien planet and it's mechanical life forms in a steampunk themed 2D side scroller. We will learn how to implement:

  • Sprite animation

  • Parallax backgrounds

  • Collision detection

  • Power ups

  • Different enemy types that alter the gameplay

  • and many other features of 2D game development

If you are a beginner front end web developer curious about game development, creative coding & web animation, come join me and learn how to create beautiful visuals for your games, and how to implement unique game features that will make your project stand out. Have fun!

 

(In this class I am giving away a lot of free game art assets for characters, environments and props. These were created by me or artists I hired, there is no copyright. Feel free to use them for any of your personal projects if you want. )

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 Javascript
Hiển thị tất cả khoá học Programming
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 😊