Sprites minnu bɛ ɛntɛrinɛti kan

Mun na Sprites nafa ka bon hali bi ɛntɛrinɛti yiriwali la

webu daminɛ waatiw la , ja ɲinini bɛɛ tun ye buteli ye . Jagokɛlaw y’a Sɔrɔ ko ja misɛnnin caman faralen ɲɔgɔn kan ka Kɛ dosiye kelen ye — sprite sɛbɛn — o bɛ Se ka HTTP ɲininiw Dɔgɔya kosɛbɛ ani ka ɲɛw doni teliya. Hali ni dugukoloko jiginna ni HTTP/2 multiplexing ye, CDNw, ani vector graphics, sprites tora fɛɛrɛ ye min bɛ tali kɛ kabako la san 2026. K’a ta CSS ja sprites la ka se SVG taamasiyɛnw sigicogo ma ani canvas-based game animations ma, sprite hakilina bɛ taa a fɛ ka wuli ani ka baarakɛcogo gɛlɛya lakikaw ɲɛnabɔ bi ɛntɛrinɛti kan.

I mana SaaS jɔyɔrɔba dɔ jɔ min falen bɛ fɛn caman na ni taamasiyɛn kɛmɛ caman ye, tulonkɛ min sinsinnen bɛ navigatɔrɔ kan, walima feerelikɛyɔrɔ min ka kan ka doni segin segin fila kɔnɔ, sprite faamuyali bɛ baarakɛminɛn barikama di i ma i ka optimisation arsenal kɔnɔ. Nin barokun in bɛ sprite tariku, u ka fɛɛrɛw ani bi baarakɛcogo sɛgɛsɛgɛ ɛntɛrinɛti kan — ani mun na u yɔrɔ ka jan ni kɔrɔlen ye.

Bɔyɔrɔ maana : CSS ja Sprites

CSS ja sprite bɔra san 2000 cɛmancɛ la i n’a fɔ jaabi tilennen ye navigatɔrɔn jɛɲɔgɔnya dantigɛliw kan. A ka c’a la, navigatɔrɔw tùn bɛ jὲɲɔgɔnya 2-6 dɔrɔn Dabɔ waati kelen na domani kelen-kelen bɛɛ la, o kɔrɔ ye ko ɲɛ min bɛ ni taamaʃyɛn misɛnnin 40 ye, o bɛna ɲininiw Labɛn ani ka jirali jɔ. O furakɛcogo tun ka ɲi kosɛbɛ : o taamasiyɛnw bɛɛ fara ɲɔgɔn kan ka kɛ PNG walima GIF file kelen ye, o kɔfɛ, baara kɛ ni CSS background-position ye walasa ka ja yɔrɔ min bɛ bɛn o ma dɔrɔn jira fɛn kelen-kelen bɛɛ la.

Kɔrini minnu bɛ i n’a fɔ Google, Yahoo, ani Amazon ye sprite ta ni fanga ye. Google tɔgɔ bɔra kosɛbɛ ka UI taamasiyɛn tan ni caman fara ɲɔgɔn kan ka kɛ sprite sɛbɛn kelen ye, ka milisekɔndi kɛmɛ caman tigɛ ka bɔ ɲɛ doni waatiw la sɛgɛsɛgɛli la. Fɛɛrɛ in tun ka nɔgɔn a hakilina la nka a tun bɛ tiɲɛni de wajibiya — taamasiyɛn kelen-kelen bɛɛ mago tun bɛ pixel coordinates tigitigiw la, wa taamasiyɛn kelen kurayali kɔrɔ tun ye ka sɛbɛnfura bɛɛ labɛn kokura.

Baarakɛminɛn minnu bɛ i n’a fɔ SpritePad, SpriteMe, ani kɔfɛ build-tool plugins for Grunt ani Gulp ye baara in kɛ otomatiki ye, ka ja faralen ɲɔgɔn kan ani CSS min bɛ bɛn o ma. Ni a kɛra kosɛbɛ, sprite sɛbɛnw tun bɛ jate wale ɲuman ye min tɛ se ka kɛ kumaɲɔgɔnya la, ɛntɛrinɛti porozɛ o porozɛ min bɛ baarakɛcogo jateminɛ. Jagokɛyɔrɔ min bɛ kɛ ɛntɛrinɛti kan, o bɛ se ka ja ɲinini 60+ dɔgɔya ka se sprite doni 3-4 ma, ka ɲɛ doni daminɛ waati tigɛ ni 30-50% ye.

SVG Sprites : Vecteur revolution

Ni jaabi dilancogo ye fanga sɔrɔ ani ɲɛda jiracogo kɛra sariya ye, PNG sprite minnu sinsinnen bɛ raster kan, olu y’u danyɔrɔw jira. Icon minnu tun bɛ i ko 16×16 la, olu tun bɛ ye ka ɲɛ DPI ka bon ekran kan. SVG sprites don — fɛɛrɛ min ye laadala sprite ɲinini-dɔgɔyali nafaw fara ɲɔgɔn kan ni vecteur jaaw sɛgɛsɛgɛli danma ye.

SVG spritew bɛ baara kɛ cogo wɛrɛ la ni u ɲɛfɛ rasterw ye. Sani u ka baara kɛ ni kɔkanna sigicogo ye, baarakɛlaw bɛ taamasiyɛn caman ɲɛfɔ SVG dosiye kelen kɔnɔ ni yɔrɔ ye, u kelen-kelen bɛɛ bɛ ni ID kɛrɛnkɛrɛnnen ye. O taamasiyɛnw bɛ sɔrɔ ka ɲɛsin yɔrɔ o yɔrɔ ma HTML kɔnɔ ni taamasiyɛnw ye, ka taamasiyɛn kofɔlen dɔrɔn de jira ni hakɛ o hakɛ ye min mago bɛ a la. Ikoni gafemarayɔrɔ bɛɛ bɛ doni i n’a fɔ dosiye kelen min bɛ se ka mara, wa taamasiyɛn bɛɛ bɛ kɛ ka ɲɛ ni ɲɛfɔli suguya o suguya ye.

O fɛɛrɛ in kɛra sanu sariya ye ikomi sigicogo la ɛntɛrinɛti baarakɛminɛn gɛlɛnw kɔnɔ. Plateforme minnu bɛ modulu kulubaw ɲɛnabɔ — i n’a fɔ Mewayz n’a ka jago modulu 207 minnu bɛ CRM, fatura, HR, fleet management, ani fɛn wɛrɛw la — olu bɛ u jigi da SVG sprite sitɛmuw kan kosɛbɛ walasa ka ikonafɛnw di minnu bɛ bɛn ɲɔgɔn ma, minnu bɛ doni teliya la dashboard ni interface bɛɛ kɔnɔ. Ni i ka baarakɛminɛn bɛ baara kɛ ni baarakɛla 138.000+ ye minnu bɛ baara kɛ ni baarakɛminɛn suguya tan ni caman ye don o don, baarakɛcogo danfara min bɛ taamasiyɛn filen kelen-kelen 200 doni ni SVG sprite kelen ɲɛnabɔlen cɛ, o bɛ se ka suman teliya ni baarakɛminɛn musakaw bɛɛ la.

Sprite sɛbɛnw ka ɲɛsin ɛntɛrinɛti animasiyɔn ni tulonw ma

Ikoni jɔlenw kɔfɛ, sprite sɛbɛnw bɛ fanga di ɛntɛrinɛti kɔnɔkow suguyaba dɔ ma: animation. Tulon minnu sinsinnen bɛ navigatɛri kan, UI fɛnw ɲɛnamaw, ani jɛɲɔgɔnya kɛcogo minnu bɛ kɛ, olu bɛ to ka baara kɛ ni sprite sɛbɛnw ye — ja minnu bɛ kɛ ka fɛnw tugu ɲɔgɔn kɔ minnu bɛ cycle kɛ walasa ka ji lamagacogo dilan. O fɛɛrɛ in bɛ ɲɛfɛ ka kɔn ɛntɛrinɛti yɛrɛ ɲɛ, a ju bɔra laadala animation ani wideyow tulon fɔlɔ minɛnw na.

Web kɔnɔkow la, a ka c’a la, sprite animation bɛ baara kɛ ni senna-tɛgɛrɛ ye karamɔgɔya la ni CSS animation ye ni steps() waati walima JavaScript-driven canvas rendering ye. Karamɔgɔ taama, doni firifiri ni mɔgɔya, walima fɛnɲɛnɛma dɔ min bɛ bɔn — o bɛɛ bɛ se ka boli ni ja filen kelen ye min kɔnɔ, karamɔgɔ kelen-kelen bɛɛ labɛnna grid kɔnɔ. Navigatɛri bɛ dosiye kelen dɔrɔn de doni, ani animation logique bɛ yɔrɔ min ye, o b’a wuli dɔrɔn.

200KB sprite sɛbɛn kelen bɛ se ka ɲɛnamaya kɛcogo nɔgɔman karamɔgɔ 60 di min tun bɛna ja ɲinini danfaralenw 60 wajibiya walima wideyow filen min ka bon kosɛbɛ. Baarakɛcogo-kɔrɔ-yɔrɔ minnu na, sprite (sprite) bɛ to ka kɛ fɛɛrɛ ɲumanba ye walasa ka animation-based frame-based web lase ɛntɛrinɛti kan.

Tulonkɛminɛnw i n’a fɔ Phaser, PixiJS, ani Three.js bɛɛ bɛ dɛmɛ fɔlɔ di sprite sɛbɛnw ma, ka baarakɛminɛnw di walasa ka texture atlases doni ani ka frame sequences ɲɛnabɔ. Hali tulonkɛ kɔkan, fɛn dilanni jɛkuluw bɛ baara kɛ ni sprite animation ye walasa ka onboarding flows, micro-interactions, ani UI touches nisɔndiyalenw kɛ minnu bɛ baarakɛlaw bila u ka baara la k’a sɔrɔ u ma doni kɛcogo saraka.

bi fɛɛrɛ wɛrɛw ani waati min na Sprites bɛ se sɔrɔ hali bi

Web yiriwali jɛkulu ye fɛɛrɛ caman labɛn ka tɛmɛn laadala sprite kan , u kelen-kelen bɛɛ bɛ ni jagokɛcogo ye min nafa ka bon ka faamuya . Ikon sɛbɛnnibolow i n’a fɔ Font Awesome bɛ taamasiyɛnw dalajɛ i n’a fɔ sɛbɛnnibolow, o b’a to u kɛcogo ka nɔgɔn ni CSS ye nka u bɛ se ka sɔrɔko koɲɛw ni rendering quirks don. Inline SVGw bɛ vecteur code don HTML kɔnɔ k’a ɲɛsin u yɛrɛ ma, ka ɲinini wɛrɛw bɔ yen nka u bɛ sɛbɛn hakɛ funfun. Dosiyɛri kelen-kelen doni ni HTTP/2 multiplexing bɛ ɲɔgɔndan-dan buteli bɔ min tun bɛ sprite bila fɔlɔ, o bɛ kɛ sababu ye ka dosiye misɛnnin caman doni ɲɔgɔn fɛ.

O tuma na tuma jumɛn sprite bɛ se sɔrɔ hali bi ? Aw ye nin ko ninnu jateminɛ yɔrɔ minnu na sprite fɛɛrɛw bɛ to sugandili ɲuman ye :

• Ikini gafemarayɔrɔbaw (taamaʃyɛn 50+): Hali ni HTTP/2 ye, sprite file kelen min maralen don, o bɛ baara kɛ ka tɛmɛ ɲinini kelen-kelen 50+ kan diɲɛ cogoya lakikaw la ni rezow latɛmɛni ye.
• ɲɛnamaya kɛcogo minnu sinsinnen bɛ karamɔgɔya kan : bi fɛɛrɛ wɛrɛ si tɛ bɛn sprite sɛbɛnw ka baarakɛcogo ɲuman ma ɲɛnamaya kɛcogo senfɛ , kɛrɛnkɛrɛnnenya la kanpaɲi kan .
• Offline-first ani PWA baarakɛminɛnw : sprite file kelen ka nɔgɔn ka mara baarakɛyɔrɔ baarakɛla dɔ kɔnɔ ka tɛmɛ nafolo kelen-kelen kɛmɛ caman kan .
• Lamini minnu ka bandiw ka dɔgɔ : Sprite sɛbɛn minnu bɛ ni sɛgɛsɛgɛli ɲuman ye, olu bɛ nafa bɛɛ lajɛlen fitininw di ka tɛmɛ dosiye kelen-kelen bɛɛ kan minnu bɛ bɛn o ma k’a sababu kɛ dosiye kelen-kelen bɛɛ ka musaka bɔli ye.
• UI dakun gɛlɛnw : baarakɛminɛn minnu bɛ taamasiyɛn kɛrɛnkɛrɛnnen tan ni caman jira waati kelen na , olu bɛ nafa sɔrɔ SVG sprite sitɛmu ka parse kelen baarakɛcogo ɲuman na .

desizɔn tɛ binna ye . Baarakɛminɛn caman bɛ baara kɛ ni fɛɛrɛ ye min bɛ kɛ ni ɲɔgɔndan ye — SVG sprites ye UI taamasiyɛn jɔnjɔnw ye, SVG inline ye jatigɛwalew ja ye minnu mago bɛ CSS animation na, ani file kelen-kelenw ja belebelebaw kama, minnu man teli ka baara kɛ ni u ye. O kun ye ka fɛɛrɛ in bɛn baarakɛcogo ma sanni ka default kɛ fɛɛrɛ kelen na fɛn bɛɛ kama.

Sprite baarakɛcogo ɲuman jɔli san 2026 kɔnɔ

Bi sprite baarakɛcogo tɛ kelen ye kosɛbɛ ni bololabaarakɛlaw ka koordinatɛri-karti donw ye san 2008. Bi baarakɛminɛnw bɛ taabolo bɛɛ kɛ otomatiki ye, k’a ta dosiye faralen bɔli la ka se a ni kode min bɛ tali kɛ o la. SVG sprite ta fan fɛ, baarakɛminɛn minnu bɛ i n’a fɔ svg-sprite, svgo, ani vite-plugin-svg-icons olu bɛ don ɲɔgɔn na k’a ɲɛsin pibilikiw jɔli ma, ka taamasiyɛnw ɲɛbilasɛbɛnw lajɛ ani ka sprite filenw ɲɛnabɔlenw labɛn kokura fɛn caman Changement bɛɛ kan.

Baarakɛcogo ɲuman dɔ SVG spritew kama bi porozɛ dɔ kɔnɔ , o bɛ i n' a fɔ nin :

1. SVG taamasiyɛn kelen-kelen bɛɛ mara kunnafonisɛbɛn kɛrɛnkɛrɛnnen dɔ kɔnɔ, u kelen-kelen bɛɛ labɛnna ni SVGO ye walasa ka kunnafonidilanw ni fɛn nafamaw bɔ u la.
2. I ka jɔli baarakɛminɛn (Vite, Webpack, walima script custom) labɛn walasa ka SVG bɛɛ fara ɲɔgɔn kan ka kɛ sprite file kelen ye ni fɛnw ye.
3. I ka jatebɔlanw kɔnɔ taamasiyɛnw jira ni ye, k’i ka HTML saniya ani k’i ka taamasiyɛn gafemarayɔrɔ to cɛmancɛ la.
4. Ka cache-busting waleya kɔnɔkow hashing fɛ dosiye tɔgɔw kɔnɔ walasa navigatɔrɔw ka sprite laban doni tuma bɛɛ kunnafoni kuraw kɔfɛ.
5. Sprite file hakɛ kɔlɔsi — n’a tɛmɛna 100KB kan, aw bɛ jateminɛ kɛ ka tila ka kɛ sprite fɔlɔw ni filananw ye, ka lazy-loading the less common set.

Raster sprite sɛbɛnw kama minnu bɛ kɛ animation kɔnɔ, baarakɛminɛnw i n’a fɔ TexturePacker ani ShoeBox bɛ sɛbɛn ɲɛnamaw dilan ni JSON atlas filew ye minnu bɛ taa ɲɔgɔn fɛ minnu bɛ frame jɔyɔrɔw ni u bonya ɲɛfɔ. Tulonkɛ motɛriw ni animation gafemarayɔrɔw bɛ o atlas filew dun k’a ɲɛsin u yɛrɛ ma, ka bololabaarakɛlaw ka koordinatɛriw ɲɛnabɔli ban pewu.

baarakɛcogo nɔfɛko : jateden lakikaw minnu nafa ka bon

Baarakɛcogo ladilikan abstrait kɔrɔ ka dɔgɔ ni kunnafoni jɛlenw tɛ . Nin ye sprite optimisation bɛ min Lase tiɲɛ na sumanikɛcogo la. Dashboard baarakɛminɛn min bɛ SVG taamasiyɛn kelen-kelen 80 doni, o bɛ segin 1,2 kɛ taamasiyɛn dafalen jirali la 4G ɲɔgɔndan kan. Ni i bɛ wuli ka taa SVG sprite sitɛmu la, o bɛ o jigin ka se milisekɔndi 340 ma — o ye 72% ɲɛtaa ye min bɛ nɔ bila jaabiw la minnu bɛ ye.

A nɔ bɛ fara ɲɔgɔn kan sɛgɛsɛgɛli la. Tuma min na Mewayz y’a ka modulu taamasiyɛnw fara ɲɔgɔn kan ka kɛ SVG sprite sitɛmu ɲuman ye a ka jagokɛyɔrɔ bɛɛ la, sprite file kelen min bɛ se ka mara, o kɔrɔ tun ye ko ka taa moduluw ni ɲɔgɔn cɛ — k’a ta CRM la ka taa a bila fatura la ka se sarako ma — o tun bɛ taamasiyɛn ɲinini wɛrɛw wajibiya zeru doni fɔlɔ kɔfɛ. Baarakɛlaw minnu bɛ baara kɛ ni baarakɛminɛn caman ye u ka baarakɛdon bɛɛ kɔnɔ, o bɛ baara kɛ ni taama teliya ye ani kunnafonidilanw tacogo dɔgɔyali, kɛrɛnkɛrɛnnenya la, nafa bɛ o yɔrɔ in na diɲɛ baarakɛlaw ka baarakɛyɔrɔ la minnu bɛ baara kɛ ɛntɛrinɛti cogoya caman na.

Total transfer size fana nafa ka bon . SVG filen kelen-kelen biwɔɔrɔ minnu kelen-kelen bɛɛ ye 1,5KB ye, olu kelen-kelen bɛɛ bɛ kɔnɔkow 120KB bɔ nka 40KB ɲɔgɔn bɛ kɛ fɛn wɛrɛw ye ka bɔ HTTP kunkankow la, TLS kumaɲɔgɔnyaw la, ani jɛɲɔgɔnya ɲɛnabɔli la. Sprite file kelen bɛ o taamasiyɛn kɔnɔkow 120KB kelen di ni sanfɛla ye min tɛ jate — o bɛ 25% mara cogo ɲuman na fɛnw jiginni bɛɛ lajɛlen na walasa ka yecogo kelen sɔrɔ. O caya ɲɛ miliyɔn caman lajɛli la ani bandwidth marali bɛ kɛ caman ye.

Spritew ka siniɲɛsigi : min bɛ na kɔfɛ

Sprite fɛɛrɛbɔ bɛ ka taa ɲɛ ɛntɛrinɛti yɔrɔ kɛrɛfɛ . CSS @property ani Houdini penti API bɛ sira kura dabɔ porogaramu sprite jiracogo la, yɔrɔ min na navigatɔrɔ bɛ sprite ɲɔgɔnna nafolo dilan baarakɛwaati la k’a sɔrɔ ja filen si tɛ yen fewu. O waati kelen na, AVIF ni WebP sprite sɛbɛnw bɛ dosiye hakɛ fitininw di 30-50% ni i y’u suma ni PNG ɲɔgɔnnaw ye, o b’a to raster sprite bɛ se ka kɛ tugun baarakɛcogo kɛrɛnkɛrɛnnenw kama.

View Transitions API min bɛ ka bɔ kɛnɛ kan, o bɛ ɲɔgɔndan nafamaw dilan ni sprite-based animation ye, o b’a to baarakɛlaw bɛ se ka yecogo jiginni gɛlɛnw labɛn minnu tun ye JavaScript sprite motɛriw ka yɔrɔ danma ye fɔlɔ. Wa ni WebGPU bɛ kɔgɔ, sprite-based rendering (sprite-based rendering) navigatɛri tulonw na ani kunnafonidilanw jiracogo la, o bɛna baarakɛcogo hakɛw sɔrɔ minnu bɛ gɛrɛ baarakɛminɛnw na minnu bɛ bɔ sigida la.

Sprite tɛ ɛntɛrinɛti teliyalen tolen ye — u ye fɛɛrɛ jɔnjɔn ye min bɛ ladamu ɛntɛrinɛti fɛɛrɛbɔ bɔnsɔn kelen-kelen bɛɛ la. Baarakɛlaw minnu bɛ sprite fɛɛrɛw waleya waati ni cogo min na, a kɛra jagokɛyɔrɔ ye min bɛ se ka kɛ modulu 200 ye wo, a kɛra portfolio site nɔgɔman ye wo, olu bɛna to ka ko kɛlenw ci teliya la, minnu bɛ polisi. Ja bɛ se ka fara ɲɔgɔn kan, nka a nɔfɛko ye kelen ye : baarakɛlaw bɛ teliya min sɔrɔ digili kelen-kelen bɛɛ la.

Ɲininkali minnu bɛ kɛ tuma caman na

CSS sprite ye mun ye ani mun na u bɛ baara kɛ hali bi san 2026 kɔnɔ ?

CSS sprite bɛ ja misɛnnin caman fara ɲɔgɔn kan ka kɛ dosiye kelen ye, ka HTTP ɲininiw dɔgɔya ani ka ɲɛ doni waatiw ɲɛ. Hali ni HTTP/2 multiplexing ye, sprites nafa bɛ to u la taamasiyɛnw sigicogo la, UI yɔrɔw la, ani ja segin-seginlenw na. U bɛ taa-ni-seginw dɔgɔya, ka caching nɔgɔya, ka filen bɛɛ hakɛ dɔgɔya ni compression communautaire ye. Plateforme minnu bɛ i n’a fɔ Mewayz, olu bɛ baara kɛ ni nafolo dicogo ɲuman ye u ka modulu 207 kɔnɔ walasa ka ɲɔgɔndan teliya, jaabi di — sariyakolo min bɛ bɛn sprite hakilila ma, n’o ye ka caman kɛ ni ɲinini dɔɔnin ye.

SVG sprite sitɛmuw ni laadala ja spritew tɛ kelen ye cogo di ?

Ja laadalata sprite bɛ baara kɛ ni raster file kelen ye ni CSS background-position ye walasa ka mara kɛrɛnkɛrɛnnenw jira. SVG sprite sitɛmuw o nɔ na, ​​u bɛ vektɔri taamasiyɛnw fara ɲɔgɔn kan ka kɛ dosiye kelen ye ni fɛnw ye, minnu bɛ tali kɛ taamasiyɛnw fɛ. SVG sprites bɛ sɛgɛsɛgɛli kɛ cogo dafalen na ni ɲɛfɔli suguya bɛɛ ye, ka styling dɛmɛ ni CSS ye, ani ka file hakɛ fitininw dilan ja nɔgɔmanw kama. U ka ɲi kosɛbɛ taamasiyɛnw gafemarayɔrɔw la, UI yɔrɔw, ani jaabi dilancogo la yɔrɔ minnu na ɲɛjirali jɛlen kɛli minɛnw kɔnɔ, o nafa ka bon ka tɛmɛ fotoko ɲɛfɔli kan.

Yala spritew nafa ka bon hali bi ni bi CDNw ni HTTP/2 ye wa ?

Ɔwɔ , hali ni jatebɔ in jiginna . HTTP/2 multiplexing bɛ dɔ bɔ ɲinini caman jalaki la, nka sprite bɛ nafaw di hali bi: DNS ɲinini dɔgɔyali, caching consolidated, ani overhead bytes bɛɛ lajɛlen dɔgɔyali. Porozɛ minnu bɛ ni taamasiyɛn misɛnnin tan ni caman ye walima UI fɛnw kama, sprite sɛbɛn walima SVG taamasiyɛn filen min labɛnna ka ɲɛ, o bɛ to ka ɲɛ ka tɛmɛ nafolo kelen-kelen bɛɛ doni kan. O kun ye k’i ka baarakɛcogo kɛrɛnkɛrɛnnen jateminɛ — ɲɛ minnu ka ca ani mobili-fɔlɔ ko kɛlenw bɛ nafa caman sɔrɔ hali bi sprite-based optimization.

Yala sprite bɛ se ka kɛ ɛntɛrinɛti tulon animasiyɔnw kama wa ?

A bɛrɛbɛrɛ. Tulon minnu sinsinnen bɛ kanpaɲi kan ani WebGL, olu bɛ u jigi da sprite sɛbɛnw kan kosɛbɛ walasa ka mɔgɔladonni, tileset ani fɛnɲɛnamafagalanw nɔw. Tulonkɛ motɛriw i n’a fɔ Phaser ani PixiJS bɛ baara kɛ ni sprite atlases ye walasa ka batch draw weleli kɛ ani ka rendering baarakɛcogo caya. Animatɛri kelen-kelen bɛɛ labɛnna ja dɔ kɔnɔ, wa motɛri bɛ taa yɔrɔw la waati latigɛlenw na. N’i bɛ ka jɛɲɔgɔnya kɛcogo walima tulonkɛfɛnw jɔ — fɛn min jagokɛlaw bɛ se ka min sɛgɛsɛgɛ Mewayz kan k’a daminɛ $19/mo la — sprite animation ye fɛɛrɛ jɔnjɔn ye.