Paano Gumawa ng Laro Mula sa Template: Gabay ng Baguhan sa 7 Hakbang

Ang pinakamabilis na paraan para makagawa ng laro bilang baguhan ay magsimula sa tapos na. Pumili ng game template, laruin ang demo nito, basahin ang manual, saka palitan ang mga teksto, art at level, isang file sa bawat pagkakataon, at sumubok pagkatapos ng bawat pagbabago, hanggang maging sa iyo na ang laro. Pagkatapos nito, i-host mo ang game folder sa website o balutin ito bilang app. Walang engine na kailangang aralin muna, walang blangkong pahina.

Sinusundan ng gabay na ito ang landas na iyon sa pitong hakbang, may totoong pangalan ng file mula sa mga item page at manual ng sarili naming template, para makita mo kung ano ang hitsura ng "palitan ang mga level" bago ka pa bumili ng kahit ano. Para ito sa mga taong hindi pa nakapaglabas ng laro: isang guro, isang marketer, isang web developer na sumusubok ng laro sa unang pagkakataon. Kapag kailangan ng hakbang ng Node.js o code editor, sinasabi namin iyon.

Paano gumawa ng laro mula sa template: pitong hakbang

1. Pumili ng template na malapit sa larong gusto mo.
2. Laruin ang demo hanggang alam mo ang bawat screen.
3. Basahin ang manual at hanapin ang mga file na binabanggit nito.
4. Palitan ang mga teksto at wika.
5. Palitan ang art at brand.
6. Palitan ang mga level, salita o patakaran.
7. Subukan, saka i-host ang laro o balutin ito bilang app.

Mahalaga ang pagkakasunod-sunod. Ang mga teksto ang pinakaligtas na pagbabago, kaya doon ka magsisimula at matututo kung paano gumagana ang mga file. Huli ang mga patakaran dahil maaari nilang sirain ang laro sa mga paraang matagal bago mapansin.

I-browse ang mga game template na puwedeng pagsimulan

Hakbang 1: pumili ng template na malapit sa ideya mo

Nakakatipid lang ng oras ang template kapag napapanatili mo ang karamihan nito. Kung gusto mo ng word game, magsimula sa word game; ang paggawang quiz mula sa football game ay muling pagsusulat, hindi trabaho ng template. Tatlong tanong ang magpapaliit ng pagpipilian.

• Ano ang ginagawa ng manlalaro? Pag-tap ng magkapares, pagsubaybay sa mga salita, pagtutok ng shot, pag-aayos ng piyesa. Piliin ang template na tugma ang pangunahing kilos.
• Paano mo ito babaguhin? May ilang edition na halos lahat ng pagbabago ay nasa iisang settings file; ang iba ay TypeScript project na nire-rebuild mo. Sinasabi ng item page kung alin.
• Saan ito tatakbo? Lahat ng edition namin ay tumatakbo mula sa static na website. Walang edition na kasama ang native app o paglalathala sa store.

Mula US$5 hanggang US$59 ang presyo sa tindahan namin sa list price, at may live demo ang bawat item page at listahang may pamagat na "Hindi kasama sa edition na ito". Basahin ang listahang iyon nang kasing-ingat ng mga feature.

Hakbang 2: laruin ang demo na parang tester

Laruin ang demo nang kalahating oras, hindi dalawang minuto. Buksan ang bawat menu, tapusin ang isang level, matalo sa isa, palitan ang wika, i-reload ang pahina at tiyaking nandoon pa rin ang progreso mo. Gumawa ng listahan ng bawat screen at bawat piraso ng tekstong nakikita mo. Ang listahang iyon ang magiging mapa mo sa mga susunod na hakbang: bawat item doon ay may tirahan sa mga file.

Laruin din ito sa phone. Kung gagamit ng phone ang mga manlalaro mo, ang demo sa phone ang totoong pagsubok sa template, hindi ang demo sa laptop mo.

Subukan ang demo ng Tenguin, isang number-pair puzzle

Hakbang 3: buksan ang package at basahin ang manual

Folder ang template, hindi program na ini-install. Sa mga package namin, makikita mo ang parehong bahagi, na inilalarawan sa bawat item page:

• game/: ang handa nang i-host na laro, kasama ang index.html, artwork, audio at fonts. Ito ang ina-upload online.
• Source: ang nababasang code na ine-edit mo. Sa ilang edition, gaya ng Ricopop, mismong source na ang mga file sa game/, walang build step. Sa iba, gaya ng Gridspark, may hiwalay na source folder na nire-rebuild mo papunta sa game/.
• Dokumentasyon: isang ilustradong manual. Sakop ng manual ng Gridspark ang pag-install, pag-customize, 20 FAQ at troubleshooting; nagpapadala rin ng START-HERE.txt ang Ricopop at Zabum.
• THIRD-PARTY-LICENSES: mga notice para sa fonts at library. Hinihiling ng terms namin na itabi mo ang mga ito kasama ng produkto mo.

Basahin ang mga kabanata ng manual tungkol sa pag-install at pag-customize bago galawin ang anuman. Pinangangalanan nila ang mga file, at ang bawat pagbabago sa ibaba ay nagsisimula sa isa sa mga pangalang iyon.

Hakbang 4: palitan muna ang teksto at wika

Tinuturuan ka ng mga teksto ng layout ng file na may kaunting panganib. Mga totoong halimbawa mula sa item page namin:

• Gridspark: nasa src/locales.js ang teksto ng interface.
• Pinloop, Trimora at Twirldrop: nasa i18n.ts ang teksto ng interface, at hawak ng brand.ts ang pangalan ng laro.
• Bodoku: nasa src/i18n dictionaries ang teksto, at pinapaalalahanan ng page na panatilihing buo ang mga interpolation placeholder.
• Golazo: nasa language dictionaries ang mga teksto at nasa teams.js ang mga koponan.

Nakatago ang bitag sa mga placeholder. Ang linyang gaya ng "Level {n} complete" ay nangangailangan ng {n} na nananatiling eksakto, sa bawat wika. Palitan ang mga salitang nakapaligid dito, huwag ang mga bracket.

May papel din ang wika sa pagpili. Karamihan ng edition namin ay may 14 na wika sa interface; ang Letter River, Plop at Zabum ay may 3. Mas madaling mag-alis ng wika kaysa magdagdag, at ang pagdaragdag ay nangangahulugang isalin ang bawat linya, hindi lang ang menu.

Hakbang 5: palitan ang art at brand

Pinapayagan ng lisensya ang white label: puwede mong palitan ang pangalan at logo ng Polar Games ng sa iyo, at baguhin ang code, art at audio sa loob ng produkto mo. Nakadepende sa edition kung paano ito gagawin.

• Tenguin: nasa isang file, ang tenguin.config.js, sa tabi ng index.html, ang karamihan ng settings: pamagat, logo path, accent color, default na wika, gantimpala at presyo. Mag-edit ng halaga, i-upload ang file, i-reload. Walang build.
• Bodoku at Frogdoku: idineklara ang artwork sa src/art/manifest.ts.
• Pinloop: hawak ng brand.ts ang pamagat, kulay, ang 30 target at ang 12 backdrop; nasa public/audio ang tunog at musika.
• Ricopop: MP3 file ang musika at effects na puwede mong palitan, at kinokontrol ng ricopop.config.js ang tap-to-start screen at ang full-screen button.

Panatilihin ang parehong laki at format ng imahe gaya ng file na papalitan mo. Ang logong dalawang beses ang lapad ng orihinal ay magpapagalaw sa menu sa mga paraang hindi inaasahan ng code.

Tingnan ang Pinloop at ang brand.ts file nito

Hakbang 6: palitan ang mga level, salita o patakaran

Dito huminto ang laro mo sa pagmukhang kopya ng iba. Dito rin pinakamalaki ang tulong ng mga testing tool.

• Ricopop: ang 50 level ay text map sa src/levels.js. Sinusuri ng opsyonal na tool na node tools/validate.mjs kung mananalo pa rin ang bawat level pagkatapos mong i-edit ang isang map.
• Letter River: nasa source/words/en.js, pt.js at es.js ang mga salita at clue, at nasa source/js/levels.js ang paggawa ng puzzle. Sinusuri ng node test/check.js ang mga listahan ng salita at ang 80 level bawat wika.
• Deepforge: nasa source/src/data/chambers.ts ang mga chamber, pick, balance at teksto.
• Gridspark: nasa src/config.js ang mga rule constant at color palette, at nasa game.js, board.js, generator.js at shapes.js ang mga patakaran ng puzzle.

Ang mga patakaran ang pinakamapanganib na pagbabago. Galawin ang isang numero sa isang pagkakataon, maglaro ng tatlong round, saka ang susunod. Kapag mali ang dating ng laro, bumalik sa kopya mong "original" at ikumpara.

Tingnan ang Letter River, isang word puzzle na may editable na listahan ng salita

Hakbang 7: subukan, saka i-host o balutin

Subukan sa local server, hindi sa pag-double-click

Ilang item page namin ang tahasang nagsasabing hindi tumatakbo ang laro mula sa file://, ang address na makukuha mo kapag dinoble-click ang index.html. Sa halip, subukan sa pamamagitan ng local web server: maraming code editor ang may ganoon, at kasama sa opsyonal na developer tools ng Ricopop ang isa. Kailangan ng Node.js para mag-rebuild ang mga edition na nakasulat sa TypeScript: halimbawa, pinapatakbo ng Gridspark ang npm test at npm run build para kopyahin ang mga nalalaro nang file sa game/; ang Pinloop ay nagbu-build sa dist/, na kinokopya mo sa game/.

I-host ito

I-upload ang laman ng game/ sa anumang static HTTP(S) host. Hindi nangangailangan ng PHP at database ang mga edition namin para malaro; ang Zabum at Ricopop ay may opsyonal na PHP leaderboard, naka-off bilang default. Itabi ang bawat folder sa tabi ng index.html, gaya ng sinasabi ng mga manual.

O balutin bilang app

Ang mga tool gaya ng Capacitor ay naglalagay ng web game sa loob ng Android o iOS project. Humihingi ang getting-started page ng Capacitor ng folder ng built na web asset na may index.html sa ugat, nagdadagdag ng platform gamit ang npx cap add android at npx cap add ios, at kumokopya ng mga file gamit ang npx cap sync. Isang hakbang ito lampas sa unang linggo ng baguhan, at walang edition namin ang kasamang native build o paglalathala sa store; ini-quote namin ang trabahong iyon nang hiwalay.

1. Bawat screen sa listahan mo mula sa hakbang 2 ay nagpapakita ng sarili mong teksto at art.
2. Nananatili ang progreso pagkatapos ng reload.
3. Gumagana ang laro sa phone, sa oryentasyong inaasahan mo.
4. Nasa tabi pa rin ng mga file ang THIRD-PARTY-LICENSES notice.
5. Kaya mong ipaliwanag kung ano ang binago mo, file sa file.

Ano ang pinapayagan ng lisensya sa laro mo

Bawat bayad ay nagbibigay ng habambuhay at non-exclusive na lisensya para sa isang end product, sa iyo o sa isang kliyente. Puwedeng ma-access ng mga manlalaro ito nang libre o sa pamamagitan ng advertising monetisation. Puwede mong baguhin ang code, art at audio, at palitan ang pangalan at logo namin. Hindi mo puwedeng ibenta muli o ibahagi ang template, code o mga asset nito nang mag-isa, bilang template, kit o asset pack. Anim na buwan ang suporta, o 12 kung may extension, at sakop nito ang pag-install at paggamit ng ibinigay na mga file at mga depektong maaaring maulit. Hiwalay na serbisyo ang customization at bagong feature, na ini-quote bago magsimula ang trabaho.

Basahin ang buong lisensya at terms

Mga madalas itanong

Puwede ba akong gumawa ng laro nang hindi marunong mag-code?

Marami kang mababago nang walang code: teksto, kulay, imahe at ilang setting ay nasa simpleng file. Karamihan ng settings ng Tenguin ay nasa iisang config file. Ang pagbabago ng patakaran o level sa TypeScript edition ay nangangailangan ng pangunahing kakayahang magbasa ng code at ng Node.js para mag-rebuild.

Ano ang kailangan kong i-install?

Sapat na ang code editor at browser para sa mga edition na walang build step, gaya ng Ricopop at Golazo. Ang mga edition sa TypeScript ay nangangailangan ng Node.js at npm para mag-rebuild; pinangangalanan ng bawat item page ang bersyon.

Puwede ko bang ibenta o ilathala ang larong ginawa ko mula sa template?

Puwede mo itong ilathala bilang isang end product, para sa iyo o sa isang kliyente, libre laruin o may ad. Hindi mo puwedeng ibenta muli ang template o code nito nang mag-isa. Para sa bayad na app o in-app purchase, magtanong muna sa amin.

Bakit blangkong pahina ang lumalabas kapag binuksan ko ang index.html?

Kadalasan dahil binuksan ito mula sa file://. Patakbuhin ito sa local web server o i-upload sa host, gaya ng nakasaad sa mga manual.

Gaano katagal ito?

Nakadepende sa dami ng binago mo. Ang mga teksto at logo ay maaaring isang araw; ang bagong level, art at patakaran ay mas matagal. Magsimula sa mga teksto, maglathala ng test version, at idagdag ang iba sa mga round.

Magsimula sa isang laro

Pumili ng isang template, laruin ang demo nito nang kalahating oras at basahin ang kabanata ng customization sa manual nito. Kung mukhang kaya mong baguhin ang mga file na pinangalanan nito, nahanap mo na ang panimulang punto mo. Kung mas gusto mong kami ang gumawa ng mga pagbabago, ipadala ang template at ang listahan mo, at magpapadala kami ng quote.

Tingnan ang lahat ng game template

Humingi ng quote para sa mga pagbabago