Sådan laver du et spil af en spilskabelon: en begyndervej i 7 trin

Den hurtigste måde at lave et spil på som begynder er at starte fra et færdigt et. Vælg en spilskabelon, spil dens demo, læs manualen, og ændr derefter teksterne, grafikken og niveauerne én fil ad gangen, og test efter hver ændring, indtil spillet er dit. Bagefter hoster du spilmappen på en hjemmeside eller pakker den som en app. Ingen motor at lære først, ingen tom side.

Denne guide følger den vej i syv trin, med rigtige filnavne fra vores egne skabeloners produktsider og manualer, så du kan se, hvordan 'ændr niveauerne' ser ud, før du køber noget. Den er skrevet til folk, der aldrig har udgivet et spil: en lærer, en marketingmedarbejder, en webudvikler, der prøver spil for første gang. Hvor et trin kræver Node.js eller en kodeeditor, siger vi det.

Sådan laver du et spil af en skabelon: de syv trin

1. Vælg en skabelon, der ligner det spil, du vil have.
2. Spil demoen, til du kender hver skærm.
3. Læs manualen, og find de filer, den nævner.
4. Ændr tekster og sprog.
5. Ændr grafikken og brandet.
6. Ændr niveauer, ord eller regler.
7. Test, og hoster spillet eller pak det som en app.

Rækkefølgen betyder noget. Tekster er den sikreste ændring, så du starter der og lærer, hvordan filerne fungerer. Regler kommer til sidst, fordi de kan ødelægge et spil på måder, der tager et stykke tid at opdage.

Se spilskabeloner at starte fra

Trin 1: vælg en skabelon, der ligner din idé

En skabelon sparer kun tid, når du beholder det meste af den. Vil du have et ordspil, så start fra et ordspil. At gøre et fodboldspil til en quiz er en omskrivning, ikke et skabelonarbejde. Tre spørgsmål indsnævrer valget.

• Hvad gør spilleren? Trykker på par, følger ord, sigter skud eller sorterer brikker. Vælg den skabelon, hvis kerneaktion passer.
• Hvordan vil du ændre den? Nogle udgaver tager de fleste ændringer i én indstillingsfil. Andre er TypeScript-projekter, du genopbygger. Varesiden siger, hvilke.
• Hvor skal den køre? Alle vores udgaver kører fra en statisk hjemmeside. Native apps og udgivelse i en butik er ikke inkluderet i nogen udgave.

Priserne i vores butik ligger fra 5 til 59 USD til listepris, og hver varesiden har en live-demo og en liste kaldet "Not included in this edition". Læs den liste lige så grundigt som funktionerne.

Trin 2: spil demoen som en tester

Spil demoen i en halv time, ikke to minutter. Åbn hver menu, gennemfør et niveau, tab et, skift sprog, genindlæs siden og kontroller, at dit fremskridt stadig er der. Lav en liste over hver skærm og hver tekst, du ser. Listen er dit kort til de næste trin: hvert punkt på den ligger et sted i filerne.

Spil også på en telefon. Hvis dine spillere bruger telefoner, er demoen på en telefon den rigtige test af skabelonen, ikke demoen på din laptop.

Prøv Tenguin-demoen, et talpar-puslespil

Trin 3: åbn pakken, og læs manualen

En skabelon er en mappe, ikke et program, du installerer. I vores pakker finder du de samme dele, beskrevet på hver varesiden:

• game/: det færdige, hostbare spil med index.html, grafik, lyd og skrifttyper. Det er det, der kommer online.
• Kilde: den læsbare kode, du redigerer. I nogle udgaver, som Ricopop, er filerne i game/ selve kilden, uden build-trin. I andre, som Gridspark, er der en separat kildemappe, som du genopbygger til game/.
• Dokumentation: en illustreret manual. Gridspark-manualen dækker installation, tilpasning, 20 ofte stillede spørgsmål og fejlfinding. Ricopop og Zabum leveres også med en START-HERE.txt.
• THIRD-PARTY-LICENSES: noterne til skrifttyper og biblioteker. Vores vilkår beder dig beholde dem sammen med dit produkt.

Læs manualens kapitler om installation og tilpasning, før du rører ved noget. De nævner filerne, og hver ændring nedenfor starter med et af de navne.

Trin 4: ændr tekster og sprog først

Tekster lærer dig filstrukturen med lidt risiko. Rigtige eksempler fra vores produktsider:

• Gridspark: grænsefladeteksten ligger i src/locales.js.
• Pinloop, Trimora og Twirldrop: grænsefladeteksten er i i18n.ts, og brand.ts holder spillets navn.
• Bodoku: teksten står i ordbøgerne i src/i18n, og siden advarer om at beholde interpolationspladsholderne intakte.
• Golazo: teksterne er i sprogordbøgerne, og holdene er i teams.js.

Pladsholderne er fælden. En linje som 'Level {n} complete' kræver, at {n} forbliver præcis, i hvert sprog. Ændr ordene omkring den, aldrig parenteserne.

Sprog er også en del af valget. De fleste af vores udgaver leveres med 14 grænsefladesprog. Letter River, Plop og Zabum leveres med 3. Det er nemmere at fjerne et sprog end at tilføje et, og at tilføje et betyder at oversætte hver linje, ikke kun menuen.

Trin 5: ændr grafikken og brandet

Licensen tillader white label: du må erstatte Polar Games-navnet og logoet med dit eget og ændre koden, grafikken og lyden i dit produkt. Hvordan du gør det, afhænger af udgaven.

• Tenguin: de fleste indstillinger ligger i én fil, tenguin.config.js, ved siden af index.html: titel, logosti, accentfarve, standardsprog, belønninger og priser. Redigér en værdi, upload filen og genindlæs. Ingen build.
• Bodoku og Frogdoku: grafikken er deklareret i src/art/manifest.ts.
• Pinloop: brand.ts holder titlen, farverne, de 30 mål og de 12 baggrunde. Lyd og musik ligger i public/audio.
• Ricopop: musik og effekter er MP3-filer, du kan udskifte, og ricopop.config.js styrer startskærmen med tryk-for-at-starte og fuldskærmsknappen.

Hold den samme billedstørrelse og det samme format som den fil, du erstatter. Et logo dobbelt så bredt som originalen skubber menuen rundt på måder, koden ikke forventede.

Se Pinloop og dens brand.ts-fil

Trin 6: ændr niveauer, ord eller regler

Her holder dit spil op med at ligne alle andres kopi. Det er også her, testværktøjerne hjælper mest.

• Ricopop: de 50 niveauer er tekstkort i src/levels.js. Det valgfri værktøj node tools/validate.mjs kontrollerer, at hvert niveau stadig kan vindes, efter du har redigeret et kort.
• Letter River: ord og ledetråde ligger i source/words/en.js, pt.js og es.js, og puslespilsgenerering i source/js/levels.js. node test/check.js validerer ordlisterne og de 80 niveauer pr. sprog.
• Deepforge: kamre, valg, balance og tekst ligger i source/src/data/chambers.ts.
• Gridspark: regelkonstanterne og farvepaletten ligger i src/config.js, og puslespilsreglerne i game.js, board.js, generator.js og shapes.js.

Regler er den farligste ændring. Flyt ét tal ad gangen, spil tre runder, og flyt så det næste. Hvis spillet føles forkert, går du tilbage til din 'original'-kopi og sammenligner.

Se Letter River, et ordpuslespil med redigerbare ordlister

Trin 7: test, og host eller pak det

Test på en lokal server, ikke ved at dobbeltklikke

Flere af vores varesider siger tydeligt, at spillet ikke kører fra file://, adressen du får, når du dobbeltklikker på index.html. Test i stedet gennem en lokal webserver: mange kodeeditorer har en, og Ricopops valgfri udviklerværktøjer inkluderer en. Udgaver skrevet i TypeScript kræver Node.js for at genopbygge. Gridspark kører for eksempel npm test og npm run build for at kopiere de spilbare filer til game/, og Pinloop bygger til dist/, som du kopierer til game/.

Host det

Upload indholdet af game/ til en hvilken som helst statisk HTTP(S)-host. Vores udgaver kræver ingen PHP og ingen database for at spille. Zabum og Ricopop har valgfri PHP-ranglister, slået fra som standard. Behold alle mapper ved siden af index.html, som manualerne siger.

Eller pak det som en app

Værktøjer som Capacitor putter et webspil ind i et Android- eller iOS-projekt. Capacitors startside beder om en mappe med byggede webfiler med en index.html i roden, tilføjer platformene med npx cap add android og npx cap add ios og kopierer filerne med npx cap sync. Det er et skridt ud over en begyndervs første uge, og ingen af vores udgaver inkluderer native builds eller udgivelse i en butik. Det arbejde tilbyder vi særskilt.

1. Hver skærm på din liste fra trin 2 viser dine tekster og din grafik.
2. Fremskridt overlever en genindlæsning.
3. Spillet virker på en telefon, i den retning du forventer.
4. THIRD-PARTY-LICENSES-noterne ligger stadig sammen med filerne.
5. Du kan forklare, hvad du har ændret, fil for fil.

Hvad licensen tillader med dit spil

Hvert køb giver en evigvarende, ikke-eksklusiv licens til ét slutprodukt, dit eller én kundes. Spillerne kan få adgang gratis eller via annoncemonetisering. Du må ændre koden, grafikken og lyden og erstatte vores navn og logo. Du må ikke videresælge eller dele skabelonen, dens kode eller dens aktiver alene, som skabelon, kit eller aktivpakke. Support varer 6 måneder, eller 12 med forlængelsen, og dækker installation og brug af de leverede filer samt reproducerbare fejl. Tilpasning og nye funktioner er separate ydelser, prissat før arbejdet starter.

Læs de fulde licensvilkår

Ofte stillede spørgsmål

Kan jeg lave et spil uden at kunne kode?

Du kan ændre meget uden kode: tekster, farver, billeder og nogle indstillinger ligger i almindelige filer. Tenguin har de fleste indstillinger i én konfigurationsfil. At ændre regler eller niveauer i en TypeScript-udgave kræver grundlæggende kodelæsning og Node.js til genopbygning.

Hvad skal jeg have installeret?

En kodeeditor og en browser er nok til udgaver uden build-trin, som Ricopop og Golazo. Udgaver i TypeScript kræver Node.js og npm for at genopbygge. Hver varesiden angiver versionen.

Må jeg sælge eller udgive det spil, jeg har lavet af en skabelon?

Du må udgive det som ét slutprodukt, til dig eller én kunde, gratis at spille eller med annoncer. Du må ikke videresælge skabelonen eller dens kode alene. Til betalte apps eller køb i spillet skal du spørge os først.

Hvorfor viser mit spil en tom side, når jeg åbner index.html?

Oftest fordi det blev åbnet fra file://. Kør det fra en lokal webserver, eller upload det til en host, som manualerne beskriver.

Hvor lang tid tager det?

Det afhænger af, hvor meget du ændrer. Tekster og et logo kan tage en dag. Nye niveauer, grafik og regler tager længere. Start med tekster, udgiv en testversion, og tilføj resten i runder.

Start med ét spil

Vælg én skabelon, spil dens demo i en halv time, og læs kapitlet om tilpasning i manualen. Hvis de filer, den nævner, ser ud som noget, du kan ændre, har du fundet dit startpunkt. Hvis du hellere vil have, at vi laver ændringerne, så send skabelonen og din liste, og vi svarer med et tilbud.

Se alle spilskabeloner

Bed om et tilbud på ændringer