MENU

Fun & Interesting

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

Trey Codes 24,371 lượt xem 2 years ago
Video Not Working? Fix It Now

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/details?id=com.io.gift_grab&hl=en_US&gl=US

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 : 👇
https://medium.com/@treyhope/how-to-make-a-game-with-flutter-flame-gift-grab-game-2d-flutter-game-using-flame-engine-2f2e7eacd90

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 : 👇
https://www.youtube.com/@DevKage

Follow Craig Oda's YouTube Channel Here : 👇
https://www.youtube.com/@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/GiftGrab

Learn About The Difference Between Hot Reload & Hot Restart Here : 👇
https://youtube.com/shorts/kVGNN59pCSs?feature=share

View Apps That I Have Developed In Flutter Here : 👇
Android: https://play.google.com/store/apps/developer?id=Tr3umphant.Designs%2C+LLC
Apple: https://apps.apple.com/us/developer/tr3umphant-designs-llc/id937928984

Connect With Me:
TikTok: https://www.tiktok.com/@trey.codes
Linkedin: https://www.linkedin.com/in/trey-hope-69a3a774/
GitHub: https://github.com/trey-a-hope

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

Thank you for watching!

#treycodes
#flutter
#firebase
#flame

Comment