Как да направите игра от шаблон: 7 стъпки за начинаещи

Най-бързият начин да направите игра, когато сте начинаещ, е да започнете от готова. Изберете шаблон на игра, изиграйте демото, прочетете ръководството, после сменяйте текстовете, графиката и нивата по един файл, като тествате след всяка промяна, докато играта стане ваша. След това хоствате папката с играта на уебсайт или я опаковате като приложение. Не трябва да учите двигател предварително и няма празна страница.

Това ръководство следва пътя в седем стъпки, с истински имена на файлове от страниците на продуктите и ръководствата ни, за да видите какво означава „сменете нивата“, преди да купите каквото и да е. Писано е за хора, които никога не са пускали игра: учител, маркетолог, уеб разработчик, който за първи път пробва игри. Където стъпката изисква Node.js или редактор на код, казваме го.

Как да направите игра от шаблон: седемте стъпки

1. Изберете шаблон, който е близък до играта, която искате.
2. Изиграйте демото, докато знаете всеки екран.
3. Прочетете ръководството и намерете файловете, които назовава.
4. Сменете текстовете и езиците.
5. Сменете графиката и марката.
6. Сменете нивата, думите или правилата.
7. Тествайте, после хоствайте играта или я опаковайте като приложение.

Редът има значение. Текстовете са най-безопасната промяна, затова започвате оттам и научавате как работят файловете. Правилата идват последни, защото могат да счупят играта по начини, които отнема време да забележите.

Разгледайте шаблони за игри, от които да започнете

Стъпка 1: изберете шаблон, близък до идеята ви

Шаблонът спестява време само когато запазите по-голямата част от него. Ако искате игра с думи, започнете от игра с думи; превръщането на футболна игра във викторина е пренаписване, а не работа с шаблон. Три въпроса стесняват избора.

• Какво прави играчът? Докосва двойки, проследява думи, цели удари, подрежда парчета. Изберете шаблона, чието основно действие съвпада.
• Как ще го променяте? Някои издания дават повечето промени в един файл с настройки; други са TypeScript проекти, които компилирате отново. Страницата на продукта казва кое е кое.
• Къде ще работи? Всяко от нашите издания работи от статичен уебсайт. Нативните приложения и публикуването в магазин не са включени в нито едно издание.

Цените в нашия магазин са от 5 до 59 USD по списъчна цена, а всяка страница на продукт има живо демо и списък, озаглавен „Not included in this edition“ (Не е включено в това издание). Четете този списък също толкова внимателно, колкото и функциите.

Стъпка 2: изиграйте демото като тестер

Играйте демото половин час, не две минути. Отворете всяко меню, завършете едно ниво, загубете едно, сменете езика, презаредете страницата и проверете дали прогресът ви още е там. Направете списък с всеки екран и всеки текст, който виждате. Този списък е вашата карта за следващите стъпки: всеки елемент от него живее някъде във файловете.

Изиграйте го и на телефон. Ако играчите ви ще ползват телефони, демото на телефон е истинският тест на шаблона, а не демото на лаптопа ви.

Опитайте демото на Tenguin, пъзел с двойки числа

Стъпка 3: отворете пакета и прочетете ръководството

Шаблонът е папка, а не програма, която инсталирате. В нашите пакети намирате едни и същи части, описани на всяка страница на продукт:

• game/: готовата за хостване игра, с index.html, графика, аудио и шрифтове. Това се качва онлайн.
• Сорс: четимият код, който редактирате. В някои издания, например Ricopop, файловете в game/ са самият сорс, без стъпка за компилиране. В други, например Gridspark, има отделна папка със сорс, която компилирате в game/.
• Документация: илюстрирано ръководство. Ръководството на Gridspark покрива инсталиране, персонализиране, 20 често задавани въпроса и отстраняване на проблеми; Ricopop и Zabum включват и START-HERE.txt.
• THIRD-PARTY-LICENSES: известията за шрифтовете и библиотеките. Нашите условия искат да ги запазите с продукта си.

Прочетете главите за инсталиране и персонализиране в ръководството, преди да докоснете каквото и да е. Те назовават файловете, а всяка промяна по-долу започва с едно от тези имена.

Стъпка 4: сменете първо текстовете и езиците

Текстовете ви учат на разположението на файловете с малко риск. Истински примери от страниците на продуктите ни:

• Gridspark: текстът на интерфейса е в src/locales.js.
• Pinloop, Trimora и Twirldrop: текстът на интерфейса е в i18n.ts, а brand.ts съдържа името на играта.
• Bodoku: текстът е в речниците src/i18n, а страницата предупреждава да запазите непокътнатите места за подмяна.
• Golazo: текстовете са в речниците на езиците, а отборите са в teams.js.

Местата за подмяна са капанът. Ред като „Level {n} complete“ (Ниво {n} е завършено) изисква {n} да остане точно такъв на всеки език. Променяте думите около него, никога скобите.

Езиците също са част от избора. Повечето от нашите издания имат 14 езика на интерфейса; Letter River, Plop и Zabum имат 3. Премахването на език е по-лесно от добавянето на един, а добавянето означава превод на всеки ред, не само на менюто.

Стъпка 5: сменете графиката и марката

Лицензът позволява white label: можете да замените името и логото на Polar Games със свои и да смените кода, графиката и аудиото във вашия продукт. Начинът зависи от изданието.

• Tenguin: повечето настройки са в един файл, tenguin.config.js, до index.html: заглавие, път до логото, акцентен цвят, език по подразбиране, награди и цени. Променяте стойност, качвате файла, презареждате. Без компилиране.
• Bodoku и Frogdoku: графиката е декларирана в src/art/manifest.ts.
• Pinloop: brand.ts съдържа заглавието, цветовете, 30-те цели и 12-те фона; звукът и музиката са в public/audio.
• Ricopop: музиката и ефектите са MP3 файлове, които можете да смените, а ricopop.config.js управлява екрана за старт с докосване и бутона за цял екран.

Пазете същия размер и формат на изображението като файла, който заменяте. Лого, два пъти по-широко от оригинала, ще разбърка менюто по начини, за които кодът не е предвидил.

Вижте Pinloop и файла му brand.ts

Стъпка 6: сменете нивата, думите или правилата

Тук играта ви спира да прилича на чуждо копие. Тук инструментите за тестване помагат най-много.

• Ricopop: 50-те нива са текстови карти в src/levels.js. Незадължителният инструмент node tools/validate.mjs проверява, че всяко ниво все още може да бъде спечелено, след като редактирате картата.
• Letter River: думите и подсказките са в source/words/en.js, pt.js и es.js, а генерирането на пъзели е в source/js/levels.js. node test/check.js проверява списъците с думи и 80-те нива на език.
• Deepforge: камерите, изборът, балансът и текстът са в source/src/data/chambers.ts.
• Gridspark: константите на правилата и цветовата палитра са в src/config.js, а правилата на пъзела – в game.js, board.js, generator.js и shapes.js.

Правилата са най-рискованата промяна. Сменяйте по едно число, изиграйте три рунда, после следващото. Ако играта изглежда погрешно, върнете се към копието „оригинал“ и сравнете.

Вижте Letter River, пъзел с думи и редактируеми списъци с думи

Стъпка 7: тествайте, после хоствайте или опаковайте

Тествайте на локален сървър, а не с двойно щракване

Няколко от страниците на нашите продукти казват ясно, че играта не работи от file://, адресът, който получавате с двойно щракване върху index.html. Тествайте през локален уеб сървър вместо това: много редактори на код имат такъв, а инструментите за разработчици по избор на Ricopop включват един. Издания, написани на TypeScript, изискват Node.js за компилиране: Gridspark например изпълнява npm test и npm run build, за да копира играещите файлове в game/; Pinloop компилира в dist/, което копирате в game/.

Хостване

Качете съдържанието на game/ на всеки статичен HTTP(S) хостинг. Нашите издания не изискват PHP и база данни, за да се играят; Zabum и Ricopop имат незадължителни PHP класации, изключени по подразбиране. Пазете всяка папка до index.html, както казват ръководствата.

Или опаковайте като приложение

Инструменти като Capacitor поставят уеб игра в проект за Android или iOS. Страницата за начало на Capacitor иска папка с компилирани уеб файлове с index.html в корена, добавя платформите с npx cap add android и npx cap add ios и копира файловете с npx cap sync. Това е крачка отвъд първата седмица на начинаещ, а никое от нашите издания не включва нативни компилации или публикуване в магазин; тази работа оценяваме отделно.

1. Всеки екран от списъка ви от стъпка 2 показва вашите текстове и графика.
2. Прогресът оцелява след презареждане.
3. Играта работи на телефон, в ориентацията, която очаквате.
4. Известията THIRD-PARTY-LICENSES все още са с файловете.
5. Можете да обясните какво сте променили, файл по файл.

Какво ви позволява лицензът за вашата игра

Всяка покупка дава безсрочен, неексклузивен лиценз за един краен продукт, ваш или на един клиент. Играчите могат да я ползват безплатно или чрез монетизиране с реклама. Можете да променяте кода, графиката и аудиото и да замените нашето име и логото. Не можете да препродавате или споделяте шаблона, кода му или активите му сами по себе си, като шаблон, комплект или пакет с активи. Поддръжката трае 6 месеца или 12 с разширението и покрива инсталиране и използване на доставените файлове и възпроизводими дефекти. Персонализирането и новите функции са отделни услуги, оценявани преди всяка работа.

Прочетете пълните условия на лиценза

Често задавани въпроси

Мога ли да направя игра, без да знам програмиране?

Можете да промените много неща без код: текстове, цветове, графика и някои настройки живеят в обикновени файлове. Tenguin държи повечето настройки в един конфигурационен файл. Промяната на правила или нива в TypeScript издание изисква основно четене на код и Node.js за компилиране.

Какво трябва да е инсталирано?

Редактор на код и браузър са достатъчни за издания без стъпка за компилиране, като Ricopop и Golazo. Издания на TypeScript изискват Node.js и npm за компилиране; страницата на всеки продукт назовава версията.

Мога ли да продавам или публикувам играта, която съм направил от шаблон?

Можете да я публикувате като един краен продукт, за вас или един клиент, безплатна или с реклама. Не можете да препродавате шаблона или кода му сам по себе си. За платени приложения или покупки в приложението първо ни питайте.

Защо играта ми показва празна страница, когато отворя index.html?

Обикновено защото е отворена от file://. Пуснете я през локален уеб сървър или я качете на хостинг, както описват ръководствата.

Колко време отнема?

Зависи колко променяте. Текстовете и логото могат да отнемат ден; нови нива, графика и правила отнемат повече. Започнете с текстовете, публикувайте тестова версия и добавяйте останалото на кръгове.

Започнете с една игра

Изберете един шаблон, изиграйте демото половин час и прочетете главата за персонализиране в ръководството. Ако файловете, които назовава, изглеждат като нещо, което можете да промените, сте намерили отправната си точка. Ако предпочитате ние да направим промените, изпратете шаблона и списъка си, и ще ви отговорим с оферта.

Вижте всички шаблони за игри

Поискайте оферта за промени