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

Flame & Flutter with Dart : Build your First 2D Mobile Game

Flame & Flutter với Dart: Xây dựng Game 2D Mobile Đầu Tiên của Bạn

Flame & Flutter với Dart: Xây dựng Game 2D Mobile Đầu Tiên của Bạn

Phát triển Game từ nền tảng. Học cách thiết kế và code một Game 2D Mobile, sử dụng phương pháp Kiến trúc toàn diện với UML

4.7
(252 đánh giá)
1,964 học viên
Giảng viên
Piotr Paweska
Phụ đề Việt chất lượng cao Phụ đề tiếng Anh Bán chạy Đánh giá cao
50.000đ 1.629.000đ -97%
✓ Xem giỏ hàng và thanh toán
Bao gồm phụ đề tiếng Việt, tiếng Anh
11.0 giờ video
93 bài giảng
14 bài quiz
Truy cập vĩnh viễn
Học trên mọi thiết bị
Cập nhật: 31/05/2026

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

Sử dụng Flutter và Dart để viết một Game 2D hoàn chỉnh trên nền tảng Flame Engine. Không yêu cầu kinh nghiệm trước đó.
Tạo từ đầu, một game dựa trên game retro nổi tiếng từ ATARI: Asteroids.
Học phát hiện va chạm, vật lý hạt, chuyển động độc lập với khung hình, hiệu ứng parallax, thiết kế âm thanh, và các chủ đề nâng cao khác trong phát triển game.
Nắm vững các nguyên tắc cơ bản về thiết kế và code áp dụng cho tất cả các engine 2D Game.
Suy nghĩ như một Kiến trúc sư Phần mềm. Trải qua toàn bộ quy trình thiết kế, kiến trúc và code game.
Học cách viết một lần và triển khai lên iOS, Android và Web từ một codebase duy nhất.
Xây dựng nền tảng vững chắc cho thiết kế và tạo game, giúp bạn tự tin xây dựng game của riêng mình.
Học cách sử dụng Lập trình Hướng Đối tượng một cách thực tế và hiệu quả thông qua các Design Patterns

Yêu cầu

Chúng tôi giả định bạn đã có một số kinh nghiệm code với ngôn ngữ hướng đối tượng như Java, C++, C#, Swift hoặc TypeScript.
Có kiến thức về Flutter/Dart sẽ hữu ích nhưng không bắt buộc. Chúng tôi sẽ dạy bạn mọi thứ cần biết.
Có máy tính. Hệ điều hành Mac, Windows hoặc Linux đều tốt như nhau. Tất cả công cụ đều độc lập với Hệ điều hành.
Bạn nên có thiết bị di động nhưng không bắt buộc vì chúng tôi sẽ phát triển code trên trình giả lập/giả lập trước.

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

Chúng tôi tạo khóa học này cho tất cả lập trình viên muốn bắt đầu tạo game di động của riêng mình bằng engine 2D.
Lập trình viên mới bắt đầu phát triển game muốn viết một codebase và triển khai game trên nhiều nền tảng.

Nội dung khóa học

13 phần • 93 bài giảng
1 Flame Engine là gì?
2 Khóa học bao gồm những gì
3 Khái niệm so với Code
4 Tổng quan nhanh về IDE Visual Studio
1 Thiết lập Môi trường của Bạn
2 Thiết lập trên Windows
3 Thiết lập trên macOS
4 Thiết lập trên Linux
5 Kiểm tra Môi trường Flutter của Bạn với Visual Studio
1 Vòng lặp Game - Vũ khí bí mật của Flame Engine
2 Khởi tạo Game - Flutter chạy Flame Games như thế nào?
3 Thực thi Game - Flutter thực thi và chạy Flame Games như thế nào?
4 Tạo Dự án Flame Đầu Tiên của Chúng Ta
5 Chạy Mã Vòng lặp Game Tối giản Đầu Tiên của Chúng Ta
6 Thêm các Phương thức Hook Mã Vòng lặp Game Rõ ràng
7 "Game Components" trong Flame Engine là gì?
1 Nghiên cứu Tình huống: Giới thiệu
2 Cách Chạy Mã Nguồn Bài giảng Được Cung cấp
1 Nghiên cứu Tình huống #1 - Giới thiệu
2 Component Vị trí
3 Demo Code "Squares"
4 "Squares" - Sơ đồ UML Kiến trúc
5 Code "Squares"
6 Tầm quan trọng của Vectors trong Phát triển Game: Vận tốc, Góc quay, và Điểm neo
7 Thêm Động lực Vector vào code "Squares"
8 Khái niệm về Khả năng Kết hợp Component
9 Kiến trúc Khả năng Kết hợp: Sơ đồ UML để Thêm Thanh Máu vào "Squares"
10 Khả năng Kết hợp: Code Thanh Máu cho nhân vật Game
11 Nghiên cứu Tình huống #1 - Bài tập
12 Nghiên cứu Tình huống #1 - Giải pháp cho Bài tập #1
13 Nghiên cứu Tình huống #1 - Giải pháp cho Bài tập #2 và #3
14 Nghiên cứu Tình huống #1 - Giải pháp cho Bài tập #4
1 Giải phẫu của Component Cần điều khiển Flame
2 Component Cần điều khiển - Sơ đồ UML Kiến trúc
3 Code Trải nghiệm Cần điều khiển
4 Bắn Đạn - Vấn đề về Góc quay
5 Bắn Đạn - Sơ đồ UML
6 Bắn Đạn - Code Giải pháp cho góc Đạn chính xác
7 Nghiên cứu Tình huống #2 - Bài tập
8 Nghiên cứu Tình huống #2 - Giải pháp cho Bài tập #1 và #2
1 Sử dụng Âm thanh trong Flame Engine
2 Code Hiệu ứng Âm thanh (SFX) và Nhạc
3 Nghiên cứu Tình huống #3 - Bài tập
4 Nghiên cứu Tình huống #3 - Giải pháp cho Bài tập #1 và #2
1 Phát hiện Va chạm trong game
2 Phát hiện Ranh giới Màn hình và Kết xuất HitBox
3 Phát hiện Va chạm - Sơ đồ UML
4 Code Phát hiện Va chạm
5 Nghiên cứu Tình huống #4 - Bài tập
6 Nghiên cứu Tình huống #4 - Giải pháp Bài tập - Giải pháp cho Bài tập #1
7 Nghiên cứu Tình huống #4 - Giải pháp Bài tập - Giải pháp cho Bài tập #2
1 Bộ đếm thời gian là gì và chúng ta sử dụng chúng như thế nào?
2 Code với Các lớp Tiện ích Bộ đếm thời gian
3 Code với Các Component Bộ đếm thời gian
4 Nghiên cứu Tình huống #5 - Bài tập
5 Nghiên cứu Tình huống #5 - Giải pháp Bài tập - Giải pháp cho Bài tập #1
6 Nghiên cứu Tình huống #5 - Giải pháp Bài tập - Giải pháp cho Bài tập #2
1 Parallax là gì?
2 Code Hiệu ứng Parallax
3 Code thêm Hiệu ứng Parallax
4 Nghiên cứu Tình huống #6 - Bài tập
5 Nghiên cứu Tình huống #6 - Giải pháp Bài tập - Giải pháp cho Bài tập #1 và #2
6 Nghiên cứu Tình huống #6 - Giải pháp Bài tập - Giải pháp cho Bài tập #3
1 Giới thiệu về Hệ thống Hạt trong Flame
2 Tạo các Mô phỏng Hạt Đơn giản
3 Code Mô phỏng Luồng Hạt
4 Thiết kế Mô phỏng Hạt "vụ nổ"
5 Code Mô phỏng Hạt Vụ nổ
6 Thiết kế Mô phỏng Hạt "pháo hoa"
7 Code Mô phỏng Hạt "pháo hoa"
8 Làm việc với Mô phỏng Hạt "vụ nổ" SpriteSheet
9 Nghiên cứu Tình huống #7 - Bài tập
10 Nghiên cứu Tình huống #7 - Giải pháp cho Bài tập #1
11 Nghiên cứu Tình huống #7 - Giải pháp cho Bài tập #2 - Đoạn #1
12 Nghiên cứu Tình huống #7 - Giải pháp cho Bài tập #2 - Đoạn #2
13 Nghiên cứu Tình huống #7 - Giải pháp cho Bài tập #2 - Đoạn #3
14 Nghiên cứu Tình huống #7 - Giải pháp cho Bài tập #2 - Đoạn #4
15 Nghiên cứu Tình huống #7 - Giải pháp cho Bài tập #2 - Đoạn #5
16 Nghiên cứu Tình huống #7 - Giải pháp cho Bài tập #2 - Đoạn #6
17 Nghiên cứu Tình huống #7 - Giải pháp cho Bài tập #2 - Đoạn #7
18 Nghiên cứu Tình huống #7 - Giải pháp cho Bài tập #2 - Đoạn #8
1 Giới thiệu về Phương pháp Tiếp cận của Chúng ta
2 Kiến trúc Cấp cao cho Game của Chúng ta
3 Các Design Patterns Chúng Ta Sử dụng - Factory Method Pattern
4 Các Design Patterns Chúng Ta Sử dụng - Command Pattern
5 Tổng hợp Tất cả - Về mặt Kiến trúc
6 Sử dụng JSON và Serialization trong Kiến trúc của Chúng ta
7 Tạo Level cho Game của Chúng ta Phần #1
8 Tạo Level cho Game của Chúng ta Phần #2
9 Tổng hợp Tất cả: Kiến trúc đến Code Phần #1
10 Tổng hợp Tất cả: Kiến trúc đến Code Phần #2
11 Triển khai Game của Bạn lên Thiết bị Di động
1 Lời Kết Cuối

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

Have you ever dreamed of creating your own mobile game?

Have you ever wanted to code your own mobile game?

If the answer is YES, then THIS course is for you.


You can learn to code a 2D mobile game from the ground up.

Welcome to the Flame Engine 2D Game Crash Course where you will learn how to design and code a full mobile game in less than 6 hours.


There are so many game enthusiasts who would love to learn how to write mobile games, but do not necessarily have the time to dedicate to it.

Many Game Engines have a steep learning curve, so creating a full mobile game would take considerable time and effort.

We have created this course for all the coders who want to get into creating their own mobile game using a 2D Game Engine, and more importantly, we have created this course to take you from 0 to hero in less than 6 hours.

We have provided core 6 hours of lectures but, we also provided more than 5 extra hours of Bonus Material including Coding Exercises and extra eplainers.



Why Flame Engine

The Flame Engine is a minimalist 2D game engine that runs on top of the Flutter framework. So it is light-weight with a small footprint.

This is perfect for mobile games.



Advantages of The Flutter Framework

You work with one code base but get multiple platform deployment. Basically write once, and deploy to both iOS and Android. This is a huge advantage as it saves you time and effort.

And this is great for mobile games since we do not rely on the specific OS GUI as we basically take over the screen and create our own GUI from scratch.



Crash Course Format

This is a crash course. So we remove all the fluff from the usual approach and we focus and zone in, with laser precision, on the fundamentals that apply to all 2D engines. We explain the necessary fundamentals such as:


  1. Game Loop

  2. Component Rendering

  3. Spritesheet Animation

  4. Game Mechanics

  5. Inter-Component Communication and Messaging

  6. Component Interoperability and Composability

  7. Collision Detection

  8. Particle Physics

  9. Math for Game developers such as:

    1. Vector Math

    2. Velocity Control

    3. Rotational Control

    4. Collision Detection

    5. Boundary Detection

  10. Game Parallax For Creating Complex Background Motion

  11. Sound Design  - For Adding Sounds, Sound Effects, and Music to Your Game.

  12. All The needed API will be explored as well.



Focus on Fundamentals

We will spend the first 3 hours focusing on fundamentals with sample code and architectural examples.



Architectural Approach

Our approach to teaching the material is a bit different from most courses. We take the architectural approach. This means that we will also teach you some Software Engineering while we are teaching you about the Flame Engine.

We will use UML diagrams to show you the context of what we are doing. All of this is to give you a better perspective of how everything fits together.

In other words we will not only work with code. The main objective here is to teach you to think like a Software Architect. We do not want you to just code this game. We want you to go through the process of designing and architecting it in a professional manner.



Using Case Studies

Part of how we teach you in this course revolves around practical case studies. Each case study shows you a full solution to a given element of 2D game coding such as for example Joystick control or collision detection.



The Game we will develop

We will develop, from scratch, using our architectural approach, a game based on the famous retro-game from ATARI: Asteroids.

This is a perfect game for learning all the fundamentals.



Why this particular game

This is a perfect game to learn a 2D game engine for the following reasons:


  1. It has great Game Mechanics such as:

    1. Spaceship Control

    2. Spaceship Explosion

    3. Tracking of Score and Player's Lives

    4. Firing of Bullets

    5. Asteroid Motion/Rotation and Splitting up

    6. Occasional UFO Bonus Showing up

    7. Deterministic Game Level Generation from a JSON File

  2. This will lead us to fully explore and understand:

    1. Joystick Control

    2. Game Loop Update And Render

    3. Timer Component Callbacks

    4. Vector Math

    5. Collision Detection

    6. Particle Physics

    7. Refresh-Rate Independent Rendering

    8. Sounds Design and Game Music

    9. Parallax Effects for Background

This game is also great to be played on both a phone as well as a tablet device.



Assumptions

We assume that you have some coding experience and we also assume that you know Flutter/Dart and have worked with it.


But in case you have not worked with Flutter do not fret!


The course is designed to help you with the setup and a solid understanding of the language elements because of the architectural approach.


So in reality all you need is experience with any Object Oriented language such as Java, Swift, C#, C++, or TypeScript and you will be fine!


Practice Makes Perfect

For each Case Study we have provided you with a number of Coding Exercises.

We also provide Solution Videos to explain the solution itself, along with code and some PDF materials as well.

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