How To Make a Game With Flutter & Flame | Gift Grab Game | 2D Flutter Game Using Flame Engine

Опубликовано: 29 Сентябрь 2024
на канале: Trey Codes

22,606

610

With Flame, you can create your own 2D games while taking control of the modular approach to coding in Flutter. The Flame Engine provides out of the box components such as images, sprites, input, animations, collision detection, and much more. Today, I will be demonstrating how to create a simple 2D game called Gift Grab, where Santa must collect as many gifts as he can within 30 seconds.

Let me know in the comments what you think about game creation with Flame.

Be sure to download the game for Android Here : 👇
https://play.google.com/store/apps/de...

Be sure to download the game for iOS Here : 👇
?

CHAPTERS
0:00 - Intro
0:35 - Shout Outs
0:57 - What Is Flame?
1:34 - Download Packages
2:30 - Assets
3:22 - Game Component
4:57 - Background Component
7:22 - Santa Component
9:33 - Joystick Component
11:35 - Movement to Santa Component
19:55 - Gift Component
21:52 - Collision Between Santa Component & Gift Component
28:26 - Ice Components
30:40 - Movement to Ice Components
34:12 - Boundaries to Ice Components
37:23 - Collision Between Santa Component and Ice Component
42:05 - Score & Time Text Components and Pause Game Feature
46:52 - Menu Screens & Reset Game
52:18 - Complete Game Demo
52:59 - Outro

Read My Medium Article For A Step By Step Breakdown Here : 👇
  / how-to-make-a-game-with-flutter-flame-gift...

Download the Flame Package Here : 👇
https://pub.dev/packages/flame

Download the Flame Audio Package Here : 👇
https://pub.dev/packages/flame_audio

Follow DevKage's YouTube Channel Here : 👇
   / @devkage

Follow Craig Oda's YouTube Channel Here : 👇
   / @craigoda

Learn More About the Flame Engine Here : 👇
https://flame-engine.org/

View Source Code For This Project Here : 👇
https://github.com/trey-a-hope/gift-grab

Learn About The Difference Between Hot Reload & Hot Restart Here : 👇
   • Hot Reload ⚡️vs. Hot Restart ♻️ In Fl...

View Apps That I Have Developed In Flutter Here : 👇
Android: https://play.google.com/store/apps/de...
Apple: https://apps.apple.com/us/developer/t...

Connect With Me:
TikTok:   / trey.codes
Linkedin:   / trey-hope-69a3a774
GitHub: https://github.com/trey-a-hope

➡️ ➡️ SUBSCRIBE: https://bit.ly/TreyCodes

Thank you for watching!

#treycodes
#flutter
#firebase
#flame