This course was created with the
course builder. Create your online course today.
Start now
Create your course
with
Autoplay
Autocomplete
Previous Lesson
Complete and Continue
Flutter Game Development with Flame
Game Setup
What is Flame? (1:30)
Get Code for Completed Project (8:03)
Flame Setup (5:26)
How to Get Game Graphics (2:43)
Load Sprites (7:09)
Get Screen Size (6:28)
Control Game Characters and Objects
Sprite Movement (7:47)
Add Text to Flutter Visual Novel (8:53)
Add Tappable Buttons (11:45)
Control Characters and Scenes with Buttons (11:45)
Sharing Your Game
Share on Web Page (3:05)
Background Music
Getting Source Code and Viewing Demo for Audio Mini-Project
Playing Background Music with Flame Audio (6:24)
Stop Background Music and Change Music Track (5:09)
Add TextComponent to Music Project (7:09)
Deploy to Web Using GitHub Pages (2:08)
Add Background Music to Visual Novel (5:05)
Cute Girl Character - Sprite Animation
Create Sprite Sheet with Texture Packer - Cute 1 (4:09)
Source Code for SpriteAnimationComponent Cute Girl Project - Cute 2
Animation with SpriteAnimationComponent - Cute 3 (10:57)
Move Sprite With Flame Update Method - Cute 4 (6:04)
George in Serene Village - Sprite Animation in 4 Directions
Load Character Animations From Spritesheet - George 1 (25:30)
Add Background Image With World Bounds - George 2 (11:34)
Overlay Flutter Widgets onto Flame Game - George 3 (13:21)
Play music with Flutter overlay buttons - George 4 (11:35)
Add friends and take action on collision - George 5 (25:19)
Friend Score Overlay - George 6 (23:32)
Adding Baked Goods Objects with Tiled - George 7 (11:09)
Place Tiled Object Layer in FlameGame as SpriteComponent - George 8 (19:39)
Flutter Overlay Enhancement - George 9 (6:54)
Audio Pool for sound effects - George 10 (9:22)
Character Dialog with TextBoxComponent - George 11 (16:42)
Custom Map - George 12 (17:49)
Obstacle Collision Introduction - George 13 (6:28)
Obstacle Bounding Boxes - George 14 (9:08)
Obstacle Direction - George 15 (10:04)
More Obstacles - George 16 (9:54)
Code Refactoring - George 17 (16:29)
Flutter Text Dialog Overlay - George 18 (16:18)
Clear Scene to Prepare for Map Change - George 19 (10:02)
Add New Scene - George 20 (7:36)
Custom Fonts - George 21 (8:40)
Gems - George 22 (21:05)
George Full Game Code
Elena Postal Worker- Sprite Effects - Spinning Character Project
Scale and Rotate - Elena 1 (19:04)
Add Tappable Button - Elena 2 (7:38)
Enable Music and Mute - Elena 3 (7:54)
Start Screen and Text Dialog Box - Elena 4 (12:08)
Tilemap Games
Tile Map Game Demo (0:31)
Build Map with Tiled (4:26)
Load and Display Tile Map (6:39)
Move Sprite Character on Map (6:01)
Rive Animation
Introduction to Rive Animation (9:26)
Rive Animation as PositionComponent (8:21)
Rive Animation With Flame Tappable (6:05)
Rive Buttons From Flutter With Flame Characters (22:53)
Text
Text With Delay Per Character (11:19)
Background Color and Layers
Background Color (13:41)
Game Layers and Color Tint (15:25)
Device Screen and Overlays
Full Screen
Leena - Velocity and Gravity - Flame 1.1.1 and flame_tiled 1.4
game setup, velocity, gravity - Leena 1 (14:31)
Tiled Map in Flame Game with flame_tiled - Leena 2 (9:10)
Add tileset to game - Leena 3 with code download (7:39)
Collision Object Layer from Tile Map - Leena 04 (4:14)
Hitboxes on Ground Collision Objects to Stop Y Velocity - with code download - Leena 5 (11:32)
Movement - Leena 6 - with code download (15:21)
Horizontal Collision - Leena 7 (5:51)
Fix Stuck on Ledge Problem with Collision - Leena 8 (5:21)
Horizontal Collision Tuning - Leena 9 - with code download (11:14)
Animation and Spritesheets - Leena 10 - with graphics download (10:12)
Change Sprite Animations - Leena 11 (14:07)
Jump Animation - Leena 12 (4:51)
Expanded World - 13 (8:55)
Boundaries in Expanded Game World - 14 (11:39)
Create Ground Object Tilesheet With GIMP -15 (3:17)
Place Gems from Object Layer - Leena 16 (15:01)
Remove SpriteComponent on Collision - Leena 17 (3:50)
Game Sound Effects - with code download - Leena 18 (9:16)
Edit Sound Effects with Audacity - Leena 19 (6:06)
SpriteAnimation Sequence Control - with code download - Leena 20 (11:12)
Change Gems Based on Map Data - with code download - Leena 21 (3:18)
Flutter Overlay for Score - Leena 22 (10:21)
Flutter Overlay for Game Timer - with code download - Leena 23 (12:55)
Intro Screen - Leena 24 - with code download (4:13)
Plot Introduction Screen - Leena 25 (7:41)
Win Screen and Code Download - Leena 26 (1:50)
Short Lessons and Tips
Drag Sprite with Finger (1:46)
Flutter Widget Integration with Sprites (6:21)
Drag Multiple Sprites with Finger or Mouse - code in text file - Flame 1.1.1 and Flutter 3.0 (22:44)
Free Tutorials at Other Schools
Ray Wenderlich Site Tutorial by Vincenzo Guzzi (15:31)
Add tileset to game - Leena 3 with code download
Lesson content locked
If you're already enrolled,
you'll need to login
.
Enroll in Course to Unlock
course builder. Create your online course today.
Start now
course builder. Create your online course today.
Start now
course builder. Create your online course today.
Start now
