Asztalitenisz játék forráskód: Sunset Rally fájlok, fizika és kampány
Egy 3D pingpong játék böngészőre, fájlonként: hol van a fizika, a pontozás, a kampány és a helyszínek, és mit érdemes először módosítani.
Ha olyan asztalitenisz játék forráskódra van szükséged, amelyet tárhelyre tehetsz és módosíthatsz, a Sunset Rally kész 3D pingpong játék böngészőre, kilencmeccses kampánnyal, három CPU-ellenféllel, műhellyel és a teljes TypeScript projekttel, listaáron 39 USD-ért. A játékmappa már le van buildelve és nincs minifikálva, így előbb feltöltheted, és később olvashatod.
A sportjátékokat nehezebb átalakítani, mint gondolnád, mert a móka a fizikában és a vezérlésben van, nem a menükben. Ez az útmutató megmutatja, hol található ez mindegyik a Sunset Rally projektben, mit változtathatsz biztonságosan, és mit nem tartalmaz ez a kiadás.
Hogyan játszódik a pingpong játék
A meccsek hét pontig tartanak egy CPU-ellenfél ellen. A játékos a mutatóval vagy húzással irányítja az ütőt, az ütések automatikusak. Felfelé húzva erőt ad a labdának, oldalra mozgatva elhelyezi a labdát, lefelé húzva ejtő ütést játszik, a magasan álló labdát pedig smash-elni kell.
Egy opcionális segítség, amelyet a játékos meccs közben be- és kikapcsolhat, segít az ütőnek megtalálni a labda magasságát. Egy nyilvános oldalon ez fontos: az első alkalommal telefonon játszó vendég is vissza tudja ütni a labdát.
Három CPU-ellenfél van, mindegyiknek saját stílusával: a türelmes Capi, a játékos Nori és a pontos Miso, mindegyik Easy (könnyű), Normal (normál) vagy Hard (nehéz) szinten. A Training mode (edzésmód) egy partnert ad, aki minden labdát visszaüt. Meccs után egy visszajátszás mutatja újra a döntő pontot.
Játszd ki a Sunset Rally demót
Mit tartalmaz ez az asztalitenisz játék forráskód
- Egy kész, tárhelyre feltölthető game/ mappa, már lebuildelve és nem minifikálva.
- A TypeScript fejlesztői forrás a Vite beállításával és a játék eszközeivel, a source/ mappában.
- Illusztrált kézikönyvek angolul és portugálul, valódi képernyőképekkel.
- A játékkal együtt szállított betűtípusok és hangfájlok.
- Harmadik féltől származó licencértesítések és egy változásnapló.
A verem TypeScript, Three.js r184, Vite és WebGL2. A fájlok között van HTML, CSS, JavaScript, TypeScript és JSON. A felület 14 nyelven érhető el: angolul, portugálul, spanyolul, franciául, németül, olaszul, hollandul, lengyelül, töröknyelven, oroszul, indonézül, japánul, koreaiul és egyszerűsített kínaiul. A kézikönyvek csak angolul és portugálul készültek.
A meccseken kívüli tartalom is a csomag része: a Sunset Circuit (Sunset-körverseny) kilenc meccse három szakaszban, három helyszín, a Sunset garden (naplemente-kert), a Sakura garden (szakura-kert) és a Seaside café (tengerparti kávézó), reggeli, délutáni, esti vagy esős időjárással, és egy Workshop (műhely), ahol a győzelmek érméiből ütőszínek, gumik, formák, nyelek, fák, élszalagok, matricák, valamint labda- és asztalstílusok vásárolhatók.
Hol vannak a dolgok a kódban
A kézikönyv minden játékrészt egy fájlhoz rendel. Ezt a listát tartsd nyitva, amíg dolgozol:
- Campaign.ts: a kilenc kampánymeccs és a csillagcéljaik.
- Places.ts: minden helyszín megjelenése.
- physics.ts: a labda és az ütő fizikája.
- match.ts: a pontozás és a meccsszabályok.
- i18n.ts: az angol és portugál felületi szöveg; a többi nyelv a locales mappában van.
- styles.css: a menük és képernyők stílusa.
Minden kampánymeccsnek legfeljebb három csillaga van: nyerd meg, üss három sarkot, és játssz tíz labdás rallyt. Ez 27 csillag, és minden helyszín teljesítése egy workshop-jutalmat ad. Mivel a csillagfeltételek egyetlen kampányfájlban vannak, a kampányt könnyebbé vagy nehezebbé teheted anélkül, hogy a kódban keresgélnél.
Mit módosíts először egy pingpong sablonban
Ezt a sorrendet javasoljuk, az alacsony kockázattól a magasig.
- Felületi szöveg és a játék neve az i18n.ts-ben és a locales mappában.
- Színek és képernyők a styles.css-ben.
- Workshop-stílusok ütőkhöz, labdákhoz és asztalokhoz, hogy a felszerelés viselje a márkádat.
- Helyszínek megjelenése a Places.ts-ben.
- Kampánymeccsek és csillagcélok a Campaign.ts-ben.
- Fizika és pontozás a physics.ts-ben és a match.ts-ben, csak akkor, ha más érzetet akarsz.
A kézikönyv három szabályt ajánl, amelyet érdemes követni. A feloldási azonosítókat, az elemazonosítókat és a mentési kulcsokat tartsd stabilan, különben a játékosok elveszítik, amit megszereztek. Készíts biztonsági másolatot, mielőtt elkezded. Egyszerre egy funkciót változtass, hogy tudd, melyik módosítás mit okozott.
A fehér címkézés megengedett: a te neved és logód, vagy az ügyfeledé, lecserélheti a miénket.
Újraépítés, tárhelyre töltés és beágyazás
A játékhoz semmit sem kell buildelni. Töltsd fel a game/ mappa tartalmát bármely statikus HTTP(S) tárhelyre, tartsd meg a relatív útvonalakat, és nyisd meg a címet. Nincs szükség PHP-re, adatbázisra vagy fiókra.
A forráson való módosításhoz Node.js-re (24 LTS javasolt) és npm-re van szükség. Szerkeszd a TypeScriptet, buildeld a Vite-tal, és cseréld le a tárhelyen lévő game/ mappát az új kimenettel.
A böngészőnek kell a JavaScript, az ES-modulok és a WebGL2. Érintéses és egeres vezérlés is támogatott, a vezérlők pedig a képernyő méretéhez igazodnak. A teljesítmény a böngészőtől és az eszköztől függ, ezért teszteld a telefonokat, amelyeket a játékosaid használnak.
- Töltsd fel a game/ mappát egy teszt-almappába a tárhelyeden.
- Játssz egy meccset asztali böngészőben, egyet telefonon.
- Végezd el a szöveg- és stílusmódosításokat a source/ mappában, majd építs újra.
- Cseréld le a teljes teszt-mappát, majd játssz újra.
- Költöztesd a végleges címre.
Mit nem tartalmaz ez a kiadás
Ez a kiadás a CPU ellen játszódik: kampány, szabad meccs és edzés. Az online többjátékos mód, az online szobák, az online ranglisták és a felhőalapú fiókok nem részei a csomagnak, és nincs kétjátékos mód sem. Nincs reklám-SDK vagy fiók, a natív appok és a tárhely pedig nincs benne.
A haladás a játékos böngészőjében marad: kampánycsillagok, eredmények, statisztikák, visszajátszások és workshop-tárgyak. Nincs szerver vagy fiók, így indulás után nincs mit karbantartani.
Ha online módra, portál SDK-ra, áruházi appverzióra vagy a saját szerveredre telepítésre van szükséged, az külön szolgáltatás, projektenként árazva.
Kérj árajánlatot egyedi munkára
Licenc, támogatás és ár egy bekezdésben
Egy vásárlás határozatlan idejű, nem kizárólagos licencet ad egy végtermékre, a tiédre vagy egy ügyfeledére, amelyet a játékosok ingyen vagy reklámbevétellel használhatnak. A terméken belül módosíthatod a kódot, a grafikát és a hangot, de a sablont, a forráskódját vagy az eszközeit önmagukban nem adhatod tovább vagy oszthatod meg. A támogatás 6 hónapig tart, a pénztárnál választott bővítménnyel 12 hónapig, és lefedi a fájlok telepítését és használatát, valamint a reprodukálható hibák javítását; a testreszabást, a tárhelyet és a SDK- vagy portálintegrációt külön árazzuk. A listaár 39 USD; 2026. november 30-ig a Black Friday akció minden sablonon 15%-ot kedvezményez, így a Sunset Rally 33,15 USD-be kerül, december 1-jétől pedig az árak visszaállnak a listaárra.
Olvasd el a teljes feltételeket
Gyakran ismételt kérdések
Kell bármit buildelnem ahhoz, hogy használjam ezt a pingpong játékot?
Nem. A game/ mappa már le van buildelve. Töltsd fel a tartalmát egy statikus webtárhelyre, és nyisd meg a címet. A Node.js-re és az npm-re csak akkor van szükség, ha a TypeScriptet módosítod és újraépítesz.
Van kétjátékos vagy online mód?
Nincs. Ez a kiadás a CPU ellen játszódik a kampányban, a szabad meccsekben és az edzésben.
Módosíthatom a kampányt és a csillagcélokat?
Igen. A meccsek és a csillagfeltételek a Campaign.ts fájlban vannak. Utána építs újra Node.js-szel.
Módosíthatom, hogyan viselkedik a labda?
Igen. A fizika a physics.ts fájlban, a pontozási szabályok a match.ts fájlban vannak. Egyszerre egy dolgot változtass, és minden ellenfél ellen teszteld.
Működik telefonon?
Igen, a képernyőhöz igazodó érintéses vezérlésekkel. A WebGL2 kötelező, a teljesítmény az eszköztől függ, ezért teszteld azokat a telefonokat, amelyekre célzol.
Hol mentődik a haladás?
A játékos böngészőjében. Nincs szerver vagy fiók.
Más sportsablonok az összehasonlításhoz
Ha sportsarkot építesz egy oldalnak, két másik sablon is jól illik a Sunset Rally mellé. A Velvet Pool egy 8 golyós biliárdjáték CPU-ellenféllel és helyi kétjátékos móddal, sima JavaScriptben, WebGL2-n, listaáron 39 USD. A Puttide egy 3D minigolf játék 30 pályával, Three.js-re és Rapier-re építve, listaáron 39 USD. Mindkettő 14 felületi nyelvvel érhető el.
A Sunset Rally olyan portáloknak és oldalaknak való, amelyek rövid meccses sportjátékot akarnak, stúdióknak, amelyek márkás játékot szállítanak egy ügyfélnek, és fejlesztőknek, akik olvasható TypeScript és Three.js projektet akarnak tanulni vagy bővíteni. Ha két játékos kell ugyanazon az eszközön, a Velvet Pool-ban van ilyen mód, a Sunset Rally-ban nincs.
Nézd meg a Velvet Pool-t, a 8 golyós játékot
Nézd meg a Puttide-ot, a 3D minigolf játékot
Két vagy több sablon egy rendelésben: 5% kedvezmény kettőnél, 10% hármasnál, 15% négynél, 20% öt vagy több sablonnál.