Hry zdarma
Jak vidíte, tato třída má tři prázdné metody. Ty přicházejí s phaserem.Třída scény. Každá z těchto metod má jinou funkci, jak je vysvětleno níže
Budování hry pro prohlížeč pro více hráčů v reálném čase za méně než den – část 1/4
Hrajete hry. Duh! Někdy myslel na to, že si jednu postavíte. Hmm.. Hry vrozeně se zdají být obtížné stavět. Se spoustou pohyblivých kusů (docela doslova) se zdá, že vývoj her je omezen na devs, kteří ponořili nohy hluboko do svatých vod síťových, matematiky, grafiky a podobně. Avšak s vyvíjejícím se webu vždy tak rychle a se všemi novými protokoly a knihovnami, které v posledních letech trvaly, je nyní velmi jednoduché začít s budováním her pro více hráčů založených na prohlížeči. V tomto článku se podíváme na implementaci krok za krokem v reálném čase multiplayerové hry kosmických útočníků (ah, nostalgie!) s phaser3 a v reálném čase. Hostil jsem poslední hru na https: // Space-Invaders-multiPlayer.Herokuapp.com/ pro to, abyste to vyzkoušeli. Po cestě pochopíme architekturu, návrh systému, síťové protokoly za tím a také se podíváme na upozornění, které je třeba mít na paměti při vytváření her založených na více hráči pro více hráčů. Tato série tutoriálu je rozdělena na čtyři části:
- Část 1: Úvod do herních konceptů a knihovny Phaser
- Část 2: Vyhodnocení protokolů sítě pro aplikace v reálném čase
- Část 3: Implementace kódu na straně serveru, aby se všechny hráče synchronizovaly
- Část 4: Dokončení kódu na straně klienta pro vykreslení hry
Ještě poslední věc, než začneme. Tento článek předpokládá základní porozumění JavaScriptu a expresní/nodejs. Zkusím co nejvíce vysvětlit všechno ostatní ��������
Pojďme získat hraní!
Část 1 – Úvod do herních konceptů a phaseru
Začněme tím, že se podíváme na pravidla pro hru, protože to není úplně stejné jako původní retro klasika.
Herní pravidla pro multiplayerové vesmírné útočníky
- Když se připojí nový hráč, bude jim náhodně přiřazen monster avatar ze tří dostupných odrůd.
- Každý hráč může přesunout svůj avatar doleva nebo doprava pomocí kláves se šipkami na klávesnici
- Každý hráč uvidí svůj vlastní avatar v bílém, ale uvidí všichni ostatní v náhodné barvě, která je pro ně předem přidělena
- Když se do hry připojí přednastavený počet hráčů, je spuštěna loď. Tato loď se pohybuje podél horizontální osy v náhodně zvoleném směru, který se náhodně mění každých 5 sekund. Spolu s tím se také změní rychlost lodi. Tato loď také střílí kulky v pravidelných intervalech, které můžeme také přednastavit
- Všechny avatary se automaticky pohybují směrem dolů s předvoleným přírůstkem v celé hře.
- Cílem vyhrát hru je dostat se na spodní hranici herní obrazovky, aniž by byla zabita jednou nebo více kulky, které byly zastřeleny lodí.
Komponenty hry pro více hráčů v reálném čase
I když se to může zdát, že za sítkovou hrou v reálném čase se děje spousta věcí, opravdu se dostanou na tři základní komponenty:
Pojďme se na každý z nich podívat.
1. Aktiva
Aktiva jsou kritické prvky, které tvoří hru. Pokud chcete, aby se ve vaší hře objevil objekt, můžete buď nakreslit jeden na herní plátno, nebo ještě lépe použít obrázek nebo sprite list a oživit. Podobně by jakýkoli zvuk, který byste chtěli představit a hrát ve hře.
Máte -li zájem o vytvoření tématu vaší hry Super Arcade, můžete sledovat tento výukový program Pixel Art od Glauber Kotaki, abyste se dozvěděli, jak.
2. Fyzika
Fyzika je to, co nám umožňuje pohybovat aktivami a rozhoduje, jak různé objekty v naší hře navzájem interagují. Například v jednoduché hře pongu je míč odrazil určitým směrem, s určitou rychlostí v závislosti na tom, s jakou částí pádlového pák se srazilo. Podobně v naší hře by to mohlo zahrnovat výpočetní techniku, kam musí loď jít, s jakou rychlostí, střelbou kulky, kolize těchto předmětů s avatary hráčů atd.
Všechny tyto věci jsou v podstatě matematické výpočty v souladu s koncepty fyziky pod kapotou. Ale tolik matematiky může být ohromující psát od nuly i pro jednoduchou hru. Takže místo toho, abychom psali všechny od nuly, můžeme použít fyzický motor, který pro nás může udělat většinu matematické magie.
3. Sítě
Konečnou komponentou, která je zvláště důležitá pro živou online hru pro více hráčů. Může být velmi složité udržovat synchronizaci mezi všemi hráči, zjistit, který hráč zemřel a pokud všichni ostatní s tímto tvrzením souhlasí.
Nebojte se, pokud to všechno začne znít komplexně, nemusí to být. Existuje mnoho již existujících designových vzorů, které nám mohou pomoci začít správným způsobem. Můžeme si vybrat, jak chceme, aby byla architektura hry, s ohledem na mechaniku konkrétní hry. V průběhu této řady článků budeme hovořit o vzorcích a architektonických volbách, se kterými jsem šel na stavbu této hry a proč.
Nyní, když máme lepší porozumění hlavním komponentám, pojďme prozkoumat, jak je můžeme v naší hře pracovat.
Použití Phaser 3 k přidání aktiv a povolení fyziky
Phaser je plátno s otevřeným zdrojem a webgl vykreslování JavaScript Framework pro HTML5. K vybudování hry použijeme Phaser 3. Důvod, proč se konkrétně zmíním o verzi, je, že mezi Phaserem 2 a 3 existuje mnoho změn, včetně syntaxe. Také v případě, že se v budoucnu chcete do hry přidat nějaké skvělé nové funkce, měli byste vědět, co/kde hledat.
Phaser nám nejen umožňuje zobrazovat aktiva na plátně, hrát animace a zvuky atd. Na webové stránce, ale také přichází s vestavěným fyzickým motorem (ve skutečnosti vícenásobné). To znamená, že to můžeme jen říct věci, jako je to, co je třeba udělat, když se srazí dva objekty, a automaticky to bude dávat pozor na kolizi a provést kus kódu, pokud se to stane.
Pro Phaser je zde opravdu dobrá série videa, kterou bych doporučil, pokud je to poprvé pracovat s Phaserem 3.
Ve verzi TL; DR, s Phaser3, můžeme specifikovat konfigurační objekt, který by měl informace o plátně a samotné hře, včetně velikosti plátna, jeho atributů stylu, různých scén, které jsou zahrnuty do naší hry. (diskutováno krátce), typ fyziky (jako Phaser má mnoho) atd.
Poté projdeme konfigurační objekt a spustíme novou hru.
Může to znít trochu matoucí, protože jste ještě neviděli žádný kód. Udělejme to další.
Začínáme s hrou
Pojďme se prozatím dostat přímo na herní obrazovku. Později se budeme starat o stránky spuštění a žebříčku. Naše hra by byla stránka HTML s vykreslením plátna. Toto plátno bude držet a spustit skutečnou hru. Pojďme tedy vytvořit soubor, nazvěme jej index.html . Abychom udrželi věci organizované, uložíme všechny naše soubory HTML ve složce nazvané Zobrazení a všechny soubory JavaScript na straně klienta ve složce s názvem Public . Začněme pohledy/index.Soubor HTML se základní skeletou:
Jak vidíte, vše, co zde děláme, je odkaz na soubory CSS a JS, které přidáme brzy, ale také co je důležitější odkaz na Phaser JS CDN. CSS můžete zkopírovat přímo z projektu GitHub
Kromě toho, v těle HTML, máme div s ID herního kontejneru . To je místo, kde přidáme naši herní plátno prostřednictvím JavaScriptu.
Pojďme vytvořit soubor ve veřejné složce, zavolejte na skript.JS a začněte definováním objektu konfigurace hry, o kterém jsme hovořili dříve.
Jak vidíte, kromě stanovení velikosti plátna a jeho barvy pozadí jsme také určili, kam toto plátno musí jít (identifikované rodičem) a řadou scén, které bychom chtěli být součástí tohoto hra.
Phaser používá koncept „scén“ k uspořádání obsahu hry. Můžete si myslet na scénu jako na to, co jste vizuálně schopni vidět v kterémkoli okamžiku. Při hraní hry, pokud se hra přepne na jiné pozadí s různými interakcemi mezi herními objekty, pak je to pravděpodobně samostatná scéna od toho, co jste si prohlíželi dříve.
Pro naši hru budeme mít jednu scénu (identifikovanou společností Gamescene). Scéna ve Phaseru je třída, která rozšiřuje phaser.Třída scény. Definujme to pro naši hru. Přidejte následující kód nad konfiguračním objektem, protože odkazuje na třídu Gamescene.
Jak vidíte, tato třída má tři prázdné metody. Ty přicházejí s phaserem.Třída scény. Každá z těchto metod má jinou funkci, jak je vysvětleno níže
- Metoda PreLoad () získává všechny zdroje, které bychom mohli potřebovat, odkudkoli je, načte je a udržuje je připraven, když bychom je chtěli přidat do naší hry.
- Metoda Create () se provádí jednou, když hra poprvé běží. Do této metody můžeme přidat všechny inicializace proměnných, definice animace atd.
- Metoda aktualizace () je prováděna nepřetržitě ve smyčce tak dlouho, dokud hra je zapnutá, a proto je schopna neustále aktualizovat herní objekty podle logiky hry. Aktualizujeme avatary, střílíme kulky, přesuneme loď, vše v této metodě..
Načítání aktiv a vytváření animací
Pojďme do toho a načtěte některá aktiva. Definujte metodu PreLoad () následujícím způsobem
Původně jsem hostil tuto hru na závadě, která ukládá veškerá aktiva v jeho kbelíku, vyhledávatelné odkazem CDN. Můžete použít to samé, jinak Amazon S3 je další populární možnost.
Přidali jsme tři typy avatarů, vše v bílé a tři další barvy. Kromě toho jsme také přidali aktiva pro loď, kulku a samozřejmě výbuch, který má hrát, když hráč zemře.
Jak vidíte, naložili jsme v Phaseru aktivum spritesheet pomocí tohoto.zatížení.spritesheet () a poslal to tři parametry:
- identifikátor
- cesta ke skutečnému souboru
- rozměry souboru (v pixelech).
Můžeme to také nazvat obrázkem, ale pak s ním nebudeme moci dělat skvělé animace, protože brzy uvidíte.
Str.S. Existuje lepší způsob, jak implementovat barvy avataru. Mohli bychom jednoduše přidat barevný odstín existujícímu sprite místo toho, abychom naložili stejný objekt ve více barvách jako samostatná aktiva. Ještě nevím, ale aktualizuji to, až jsem na to přišel 🙂
Pokud zkontrolujete list „exploze“, uvidíte, že je to spousta různých obrázků umístěných vedle sebe. Způsob, jakým způsobujeme „animaci“, je projít těmito různými obrázky určitou rychlostí, což zřejmě vypadá, jako by se jedná o průhledné video o explozi.
V metodě Create () definujeme animaci pro tuto explozi:
Použili jsme Phaser’s This.Anims.Vytvořit () metodu pro vytvoření animace. Tato metoda přijímá:
- Klíč, který použijeme později k přehrávání této animace
- rámce, které generují rámce pomocí identifikátoru aktiva, na které bychom chtěli tuto animaci použít
- snímkem, který specifikuje rychlost, jakou bychom chtěli hrát tuto animaci
- Opakujte, že určuje, kolikrát bude animace spuštěna
- HideonComplete specifikuje, zda by aktivum, které bylo animováno
Prozatím nepřidáváme nic do metody aktualizace (). Pokud si všimnete, hru jsme vlastně ani nenastavili, uděláme to v pozdější části této série článků.
To je prozatím. Dozvíme se o sítích pro aplikace v reálném čase v části 2 – Vyhodnocení protokolů sítě pro aplikace v reálném čase
Všechny články v této sérii:
- Část 1: Úvod do herních konceptů a knihovny Phaser
- Část 2: Vyhodnocení protokolů sítě pro aplikace v reálném čase
- Část 3: Implementace kódu na straně serveru, aby se všechny hráče synchronizovaly
- Část 4: Dokončení kódu na straně klienta pro vykreslení hry
Na GitHubu je k dispozici samostatné vydání relevantní pro tento tutoriál, pokud si to chcete prohlédnout.
Můžete také sledovat projekt GitHub pro nejnovější vývoj v tomto projektu.
Máte -li jakékoli dotazy, neváhejte a oslovte mě na Twitteru @srushtika. Moje DM jsou otevřené 🙂
Kategorie: Budova pro více hráčů
Chimeraland je zdarma hrát Open World Sandbox Survival MMORPG (masivně multiplayer online hraní rolí) pro PC (Windows) a Mobile (Android/IOS) vyvinutý společností Pixel Soft a publikoval úroveň Infinite. Hra je zasazena do pravěkého mýtického světa […]
Muck je bezplatný* hráč s jedním hráčem a multiplayery přežití Roguelike pro PC (Windows) od populárního norského vývojáře, umělce a Youtuber Dani (který také vyrobil krabí hru a Karlson). Muck je nízká poly, neformální, ale (velmi) náročná směs přežití (E.G. […]
Sandbox je bezplatný a play-to-earn, decentralizovaný a komunitě řízený herní ekosystém a virtuální svět pro PC (Windows a Mac) v aktivním vývoji (Open Alpha) a postavený na ethereum blockchain (podobně jako decentraland). Hráči mohou stavět, vlastní, sdílet a […]
Core je bezplatná herní kolekce a herní platforma podobná Crayta a Roblox. Core je jinými slovy multiverse bezplatných her a světy prozkoumat navržené globální komunitou vývojářů, které můžete snadno […] snadno […]
Crayta je platforma pro vytváření her zdarma a kolekcí her pro více hráčů postavené na Unreal Engine 4 pro PC, podobně jako Core a Roblox. Hráči mohou skočit a vytvářet hry společně v cloudu, bez ohledu na jejich zážitek z programování. Z […]
Wild Terra Online je mmorpg s volným hraním s karanténou a funkcemi přežití, zasazeno do zcela kontrolovaného středověkého fantazijního světa kontrolovaného hráčem. Nebudete muset splňovat řetězec úkolů a zabít tisíce vlků, abyste vytvořili vybavení. Všechno je hodně […]
ARK: Přežití se vyvinulo (mobilní) je hra na přežití s mobilním akčním adventurou od Studio Wildcard pro Mobile (Android, iOS), zasazeno do prehistorického světa, kde hráči, kteří uvíznou na ostrově, musí přežít roaming Dinosauři a jiná prehistorická zvířata, přírodní rizika, […]
Nerušený je zdarma hrát zombie s tématem Sandbox Survival Melee a Shooter Game pro PC (Windows, Mac a Linux) v vznikajícím žánru přežití MMO/pro více hráčů (i když také můžete hrát také nebo v Coop v PVE). Spíše než se zaměřit na […]
Totemori je zábavná a inovativní hra s více hráči na sdílenou obrazovku zdarma, kde stavíte věže a snažíte se svrhnout všechny ostatní. Totemori obsahuje místní versus a kooperační multiplayer až pro 4 hráče. Hrajte proti svým přátelům nebo cvičte proti robotům, […]
Galactic Junk League je konkurenční aréna zdarma na hraní-střelec smíchaný s téměř nekonečnými možnostmi budování lodí. Stavět cokoli. Bojujte s někým. Ve vesmíru. Postavte své nezdravé lodě do doslova jakýchkoli tvarů a velikostí a bojujte proti výtvorům […]
Creativerse je nádherná hra s karanténou MMO o dobrodružství, průzkumu a kreativitě se svými přáteli a novou generaci a novou generaci MMO. A nyní je zdarma hrát. Jste uvězněni v obrovském a tajemném světě, který je obklopen divokými zvířaty a […]
Gunscape je konstrukční souprava FPS. Je to hra, která vám umožní divoce s vaší kreativitou v čerpací akční karanténě! Gunscape to dělá tím, že poskytuje snadno použitelné nástroje založené na rozhraní bloku-rozhraní, s nimiž je každý známý, aby vytvořil single-hráč […]
Trove je zdarma hrát, otevřený akční adventure voxel mmorpg od Trion Worlds pro PC (Windows, Mac), Xbox One, PS4 a Nintendo Switch. Treve má nespočet říší plné questů, hrudníků a nepřátel skvělých a malých. Prozkoumejte a vytvořte cestu […]
Roblox je bezplatná hrací platforma pro videohry a vytváření her (podobně jako Core and Crayta), která uživatelům umožňuje navrhovat a sdílet své vlastní hry a úrovně, a hrát všechny typy her vytvořených jinými uživateli, z [ …]
Budování hry pro více hráčů v reálném čase za méně než den – část 1/4 – Dev Community, Building Multiplayer Building | Hry zdarma
by • PC hry • 0 Comments
Hry zdarma
Budování hry pro prohlížeč pro více hráčů v reálném čase za méně než den – část 1/4
Hrajete hry. Duh! Někdy myslel na to, že si jednu postavíte. Hmm.. Hry vrozeně se zdají být obtížné stavět. Se spoustou pohyblivých kusů (docela doslova) se zdá, že vývoj her je omezen na devs, kteří ponořili nohy hluboko do svatých vod síťových, matematiky, grafiky a podobně. Avšak s vyvíjejícím se webu vždy tak rychle a se všemi novými protokoly a knihovnami, které v posledních letech trvaly, je nyní velmi jednoduché začít s budováním her pro více hráčů založených na prohlížeči. V tomto článku se podíváme na implementaci krok za krokem v reálném čase multiplayerové hry kosmických útočníků (ah, nostalgie!) s phaser3 a v reálném čase. Hostil jsem poslední hru na https: // Space-Invaders-multiPlayer.Herokuapp.com/ pro to, abyste to vyzkoušeli. Po cestě pochopíme architekturu, návrh systému, síťové protokoly za tím a také se podíváme na upozornění, které je třeba mít na paměti při vytváření her založených na více hráči pro více hráčů. Tato série tutoriálu je rozdělena na čtyři části:
Ještě poslední věc, než začneme. Tento článek předpokládá základní porozumění JavaScriptu a expresní/nodejs. Zkusím co nejvíce vysvětlit všechno ostatní ��������
Pojďme získat hraní!
Část 1 – Úvod do herních konceptů a phaseru
Začněme tím, že se podíváme na pravidla pro hru, protože to není úplně stejné jako původní retro klasika.
Herní pravidla pro multiplayerové vesmírné útočníky
Komponenty hry pro více hráčů v reálném čase
I když se to může zdát, že za sítkovou hrou v reálném čase se děje spousta věcí, opravdu se dostanou na tři základní komponenty:
Pojďme se na každý z nich podívat.
1. Aktiva
Aktiva jsou kritické prvky, které tvoří hru. Pokud chcete, aby se ve vaší hře objevil objekt, můžete buď nakreslit jeden na herní plátno, nebo ještě lépe použít obrázek nebo sprite list a oživit. Podobně by jakýkoli zvuk, který byste chtěli představit a hrát ve hře.
Máte -li zájem o vytvoření tématu vaší hry Super Arcade, můžete sledovat tento výukový program Pixel Art od Glauber Kotaki, abyste se dozvěděli, jak.
2. Fyzika
Fyzika je to, co nám umožňuje pohybovat aktivami a rozhoduje, jak různé objekty v naší hře navzájem interagují. Například v jednoduché hře pongu je míč odrazil určitým směrem, s určitou rychlostí v závislosti na tom, s jakou částí pádlového pák se srazilo. Podobně v naší hře by to mohlo zahrnovat výpočetní techniku, kam musí loď jít, s jakou rychlostí, střelbou kulky, kolize těchto předmětů s avatary hráčů atd.
Všechny tyto věci jsou v podstatě matematické výpočty v souladu s koncepty fyziky pod kapotou. Ale tolik matematiky může být ohromující psát od nuly i pro jednoduchou hru. Takže místo toho, abychom psali všechny od nuly, můžeme použít fyzický motor, který pro nás může udělat většinu matematické magie.
3. Sítě
Konečnou komponentou, která je zvláště důležitá pro živou online hru pro více hráčů. Může být velmi složité udržovat synchronizaci mezi všemi hráči, zjistit, který hráč zemřel a pokud všichni ostatní s tímto tvrzením souhlasí.
Nebojte se, pokud to všechno začne znít komplexně, nemusí to být. Existuje mnoho již existujících designových vzorů, které nám mohou pomoci začít správným způsobem. Můžeme si vybrat, jak chceme, aby byla architektura hry, s ohledem na mechaniku konkrétní hry. V průběhu této řady článků budeme hovořit o vzorcích a architektonických volbách, se kterými jsem šel na stavbu této hry a proč.
Nyní, když máme lepší porozumění hlavním komponentám, pojďme prozkoumat, jak je můžeme v naší hře pracovat.
Použití Phaser 3 k přidání aktiv a povolení fyziky
Phaser je plátno s otevřeným zdrojem a webgl vykreslování JavaScript Framework pro HTML5. K vybudování hry použijeme Phaser 3. Důvod, proč se konkrétně zmíním o verzi, je, že mezi Phaserem 2 a 3 existuje mnoho změn, včetně syntaxe. Také v případě, že se v budoucnu chcete do hry přidat nějaké skvělé nové funkce, měli byste vědět, co/kde hledat.
Phaser nám nejen umožňuje zobrazovat aktiva na plátně, hrát animace a zvuky atd. Na webové stránce, ale také přichází s vestavěným fyzickým motorem (ve skutečnosti vícenásobné). To znamená, že to můžeme jen říct věci, jako je to, co je třeba udělat, když se srazí dva objekty, a automaticky to bude dávat pozor na kolizi a provést kus kódu, pokud se to stane.
Pro Phaser je zde opravdu dobrá série videa, kterou bych doporučil, pokud je to poprvé pracovat s Phaserem 3.
Ve verzi TL; DR, s Phaser3, můžeme specifikovat konfigurační objekt, který by měl informace o plátně a samotné hře, včetně velikosti plátna, jeho atributů stylu, různých scén, které jsou zahrnuty do naší hry. (diskutováno krátce), typ fyziky (jako Phaser má mnoho) atd.
Poté projdeme konfigurační objekt a spustíme novou hru.
Může to znít trochu matoucí, protože jste ještě neviděli žádný kód. Udělejme to další.
Začínáme s hrou
Pojďme se prozatím dostat přímo na herní obrazovku. Později se budeme starat o stránky spuštění a žebříčku. Naše hra by byla stránka HTML s vykreslením plátna. Toto plátno bude držet a spustit skutečnou hru. Pojďme tedy vytvořit soubor, nazvěme jej index.html . Abychom udrželi věci organizované, uložíme všechny naše soubory HTML ve složce nazvané Zobrazení a všechny soubory JavaScript na straně klienta ve složce s názvem Public . Začněme pohledy/index.Soubor HTML se základní skeletou:
Jak vidíte, vše, co zde děláme, je odkaz na soubory CSS a JS, které přidáme brzy, ale také co je důležitější odkaz na Phaser JS CDN. CSS můžete zkopírovat přímo z projektu GitHub
Kromě toho, v těle HTML, máme div s ID herního kontejneru . To je místo, kde přidáme naši herní plátno prostřednictvím JavaScriptu.
Pojďme vytvořit soubor ve veřejné složce, zavolejte na skript.JS a začněte definováním objektu konfigurace hry, o kterém jsme hovořili dříve.
Jak vidíte, kromě stanovení velikosti plátna a jeho barvy pozadí jsme také určili, kam toto plátno musí jít (identifikované rodičem) a řadou scén, které bychom chtěli být součástí tohoto hra.
Phaser používá koncept „scén“ k uspořádání obsahu hry. Můžete si myslet na scénu jako na to, co jste vizuálně schopni vidět v kterémkoli okamžiku. Při hraní hry, pokud se hra přepne na jiné pozadí s různými interakcemi mezi herními objekty, pak je to pravděpodobně samostatná scéna od toho, co jste si prohlíželi dříve.
Pro naši hru budeme mít jednu scénu (identifikovanou společností Gamescene). Scéna ve Phaseru je třída, která rozšiřuje phaser.Třída scény. Definujme to pro naši hru. Přidejte následující kód nad konfiguračním objektem, protože odkazuje na třídu Gamescene.
Jak vidíte, tato třída má tři prázdné metody. Ty přicházejí s phaserem.Třída scény. Každá z těchto metod má jinou funkci, jak je vysvětleno níže
Načítání aktiv a vytváření animací
Pojďme do toho a načtěte některá aktiva. Definujte metodu PreLoad () následujícím způsobem
Původně jsem hostil tuto hru na závadě, která ukládá veškerá aktiva v jeho kbelíku, vyhledávatelné odkazem CDN. Můžete použít to samé, jinak Amazon S3 je další populární možnost.
Přidali jsme tři typy avatarů, vše v bílé a tři další barvy. Kromě toho jsme také přidali aktiva pro loď, kulku a samozřejmě výbuch, který má hrát, když hráč zemře.
Jak vidíte, naložili jsme v Phaseru aktivum spritesheet pomocí tohoto.zatížení.spritesheet () a poslal to tři parametry:
Můžeme to také nazvat obrázkem, ale pak s ním nebudeme moci dělat skvělé animace, protože brzy uvidíte.
Str.S. Existuje lepší způsob, jak implementovat barvy avataru. Mohli bychom jednoduše přidat barevný odstín existujícímu sprite místo toho, abychom naložili stejný objekt ve více barvách jako samostatná aktiva. Ještě nevím, ale aktualizuji to, až jsem na to přišel 🙂
Pokud zkontrolujete list „exploze“, uvidíte, že je to spousta různých obrázků umístěných vedle sebe. Způsob, jakým způsobujeme „animaci“, je projít těmito různými obrázky určitou rychlostí, což zřejmě vypadá, jako by se jedná o průhledné video o explozi.
V metodě Create () definujeme animaci pro tuto explozi:
Použili jsme Phaser’s This.Anims.Vytvořit () metodu pro vytvoření animace. Tato metoda přijímá:
Prozatím nepřidáváme nic do metody aktualizace (). Pokud si všimnete, hru jsme vlastně ani nenastavili, uděláme to v pozdější části této série článků.
To je prozatím. Dozvíme se o sítích pro aplikace v reálném čase v části 2 – Vyhodnocení protokolů sítě pro aplikace v reálném čase
Všechny články v této sérii:
Na GitHubu je k dispozici samostatné vydání relevantní pro tento tutoriál, pokud si to chcete prohlédnout.
Můžete také sledovat projekt GitHub pro nejnovější vývoj v tomto projektu.
Máte -li jakékoli dotazy, neváhejte a oslovte mě na Twitteru @srushtika. Moje DM jsou otevřené 🙂
Kategorie: Budova pro více hráčů
Chimeraland je zdarma hrát Open World Sandbox Survival MMORPG (masivně multiplayer online hraní rolí) pro PC (Windows) a Mobile (Android/IOS) vyvinutý společností Pixel Soft a publikoval úroveň Infinite. Hra je zasazena do pravěkého mýtického světa […]
Muck je bezplatný* hráč s jedním hráčem a multiplayery přežití Roguelike pro PC (Windows) od populárního norského vývojáře, umělce a Youtuber Dani (který také vyrobil krabí hru a Karlson). Muck je nízká poly, neformální, ale (velmi) náročná směs přežití (E.G. […]
Sandbox je bezplatný a play-to-earn, decentralizovaný a komunitě řízený herní ekosystém a virtuální svět pro PC (Windows a Mac) v aktivním vývoji (Open Alpha) a postavený na ethereum blockchain (podobně jako decentraland). Hráči mohou stavět, vlastní, sdílet a […]
Core je bezplatná herní kolekce a herní platforma podobná Crayta a Roblox. Core je jinými slovy multiverse bezplatných her a světy prozkoumat navržené globální komunitou vývojářů, které můžete snadno […] snadno […]
Crayta je platforma pro vytváření her zdarma a kolekcí her pro více hráčů postavené na Unreal Engine 4 pro PC, podobně jako Core a Roblox. Hráči mohou skočit a vytvářet hry společně v cloudu, bez ohledu na jejich zážitek z programování. Z […]
Wild Terra Online je mmorpg s volným hraním s karanténou a funkcemi přežití, zasazeno do zcela kontrolovaného středověkého fantazijního světa kontrolovaného hráčem. Nebudete muset splňovat řetězec úkolů a zabít tisíce vlků, abyste vytvořili vybavení. Všechno je hodně […]
ARK: Přežití se vyvinulo (mobilní) je hra na přežití s mobilním akčním adventurou od Studio Wildcard pro Mobile (Android, iOS), zasazeno do prehistorického světa, kde hráči, kteří uvíznou na ostrově, musí přežít roaming Dinosauři a jiná prehistorická zvířata, přírodní rizika, […]
Nerušený je zdarma hrát zombie s tématem Sandbox Survival Melee a Shooter Game pro PC (Windows, Mac a Linux) v vznikajícím žánru přežití MMO/pro více hráčů (i když také můžete hrát také nebo v Coop v PVE). Spíše než se zaměřit na […]
Totemori je zábavná a inovativní hra s více hráči na sdílenou obrazovku zdarma, kde stavíte věže a snažíte se svrhnout všechny ostatní. Totemori obsahuje místní versus a kooperační multiplayer až pro 4 hráče. Hrajte proti svým přátelům nebo cvičte proti robotům, […]
Galactic Junk League je konkurenční aréna zdarma na hraní-střelec smíchaný s téměř nekonečnými možnostmi budování lodí. Stavět cokoli. Bojujte s někým. Ve vesmíru. Postavte své nezdravé lodě do doslova jakýchkoli tvarů a velikostí a bojujte proti výtvorům […]
Creativerse je nádherná hra s karanténou MMO o dobrodružství, průzkumu a kreativitě se svými přáteli a novou generaci a novou generaci MMO. A nyní je zdarma hrát. Jste uvězněni v obrovském a tajemném světě, který je obklopen divokými zvířaty a […]
Gunscape je konstrukční souprava FPS. Je to hra, která vám umožní divoce s vaší kreativitou v čerpací akční karanténě! Gunscape to dělá tím, že poskytuje snadno použitelné nástroje založené na rozhraní bloku-rozhraní, s nimiž je každý známý, aby vytvořil single-hráč […]
Trove je zdarma hrát, otevřený akční adventure voxel mmorpg od Trion Worlds pro PC (Windows, Mac), Xbox One, PS4 a Nintendo Switch. Treve má nespočet říší plné questů, hrudníků a nepřátel skvělých a malých. Prozkoumejte a vytvořte cestu […]
Roblox je bezplatná hrací platforma pro videohry a vytváření her (podobně jako Core and Crayta), která uživatelům umožňuje navrhovat a sdílet své vlastní hry a úrovně, a hrát všechny typy her vytvořených jinými uživateli, z [ …]