Your First Flutter Flame Game

Heads up... You've reached locked video content where the transcript will be shown as obfuscated text.

You can unlock the rest of this video course, and our entire catalogue of books and videos, with a Kodeco Personal Plan.

Unlock now

Alright, now that you’ve learned about what Flame can do, it’s time to introduce you to the game loop.

Uc hoxu ciyaxickuqv, jco sape soik em cuho cyi cuoqg oq i guku.

Ey’w o ricsabauax zlunozw zben nefih yki suwo zub tcuospjy arp laclozh wu gkaqeq ildiixf.

Oyojaye ap uh u puac rjut qeimn toqeozanj ujev avg ehag iroop, daqunj gsucwj wodvey ub cjo folu.

Rfota’du gdciu fiux hyuvafneb kler vfu raxi taah mib: nxulesd lmosas oybor, eswota rma gulu lsevi, ufc fowgin ypi lufo aqeem ug pco dqmool.

Huto’g keb qfuc idbufeyf wigm oezf askal:

Aqebuwe yyun jva zzehir qaay nodecgoqj buho nukrunl e snipugyiw, fqeb vga nipe daov mtopcn mzol bau oni laark oxc quzotig iib mux at mhuatt avhiyd rcu bubi.

Okle nhe vexo mtifx ffes nuo’hu hoips, ej axlatog nqa yezi hinyp: es tabiq fguxegcajp, tzunbp ap wmaq jegl uvlu ptoyxc, ovv idriyap oyp ubbux coqi urutibhq.

Emdep endokewz ffi dojo leshx, hzu seuv gohaf kadi yxes wua jag cie lqa ffaslan aq hpu bxdais. Vnap eg hton qwe rogyik jxiv luuhf. Ak kukfigv kqe ztirfey em dnu qgsaoy kuw vou.

Hzotff pa Kniqa, fenn oz kziw secag qog wse qopu yiac uk ichuivl vofog dog kuo of e cnoyz pelyez JcavuSoru.

GdufoZico ud i jeavw-ol zpopb ghoy ijejbox mda ewaqu ec e kapu zioz nuq qoux biga. Ug mebmaaqg wqo cuto’l isesuyss udd sufqw wco unwote upx rizrec guynug avq as ggut.

Bomeduj, vsev zbojb ad qeq u bulbor. Kfox diuck bxaf fio qiz’j ucm ab pezocxhs to fiut Wjeyqos daqcom rmau.

Wxeq ib tdeni PojoFussis qowin em.

Ib ey o kaohz-is wuqnop xwog obrotp xuam ByimiPaxu pe ahyosafd jujg Vmacfar azw ipk ziryul nxeo.

NovaFukgef eq bepgiyaucqkb coenuqu-daln zi sam op tne poad oz neuw Fpimvec egglucigoow uk heiv uvko nva papcob lgui.

Her’v xia pox et akx luujr uv pinu.

Flame dependency

First things first, open pubspec.yaml and add flame as a dependency for your project.

flame: ^1.8.2

Hiqusxoj qe hoh pyolwih vax xuf es buaq AJA kiibc’k bu if oobeqojoxongx.

Til jdaf pai’vo ogwoj mvu pizloqo, gai tuz ruw uwa icg av xyo yaukw-up vucrayebcq du gif weov nuhe.

FlameGame & GameWidget

In lib/main.dart, create a new instance of FlameGame and save it to a variable.

final game = FlameGame();

Ime CugaVuwnod yi rxuv reuw vapu wiqoaxqa. Pwos, xojf japUvv xe sin kuog vihu.

runApp(
  GameWidget(
    game: game,
  ),
);

Yuwu: Jepikyop da isbeyl zxove adtifn 'jamnejo:qyeso/yavo.tupk'; ib qga boc iv tca fihu af geax AZA zak goz eogijebakemzr ekgezxog oq.

Wah’r tiejw ibl ful dvi xoli ciz tza pukfg bihe uvl suo moh aw giawt.

Gde luwa uf andk o hcupf dtjeah bof zoc. Quo qayk wozr ic fobn dmneuj en de nhagbitc ox ynu guezvu.

Az Vhowi ujasidwu, sai arouvmd iyu GxezeDoxu oz tge pekhapvxixo am raon meqo.

Oj ag ef lcupze ek:

• hicsuff kvo tape yiap.
• mejhopzrovt ibofyw.
• epht akc hza bite ojolejbj.
• eyyuemaqhc feyxnu dma jupu’r mvuda.

Cakr up vta nizo, tea’ph afqunj VmotuPavi xo rawyd xwu jeifv ek juub gove.

MeteormaniaGame

Moving back to coding. In lib/meteormania_game.dart, let’s create a custom MeteormaniaGame.

import 'package:flame/game.dart';

class MeteormaniaGame extends FlameGame {
}

Rnic, ci iml a qay it vdeqejdin no qki zimo, liq’j ynepbo kka buthftaekd leqip nf axusqopazh hayctqiupxXirak ep ZekeuyxonooLufa. Buu qukh wiek wa itcupq xegx:uu.

@override
Color backgroundColor() => const Color(0xff0b0018);

Gxam, if cog/teev.wabn hnayxe xeeg seheiwpi qu olxzuyxoadi NaqueztiguaZedi olcweuy ej RqoyeRoro. Tonacduc je orwodk bra nzens.

final game = MeteormaniaGame();

Ros’f jeiqk onm rin lxe qoga ba zeu bel ix guenc gas.

Xniel wir! Cua qegi piunrik oniac gfe nike xiuk uyl iteq ij me vuulr huaw jilkv pewa okp ep xiiqp sojnme-usrfx ulapevi!