3 начина за създаване на онлайн игра

Съдържание:

3 начина за създаване на онлайн игра
3 начина за създаване на онлайн игра

Видео: 3 начина за създаване на онлайн игра

Видео: 3 начина за създаване на онлайн игра
Видео: Ъпсурт - 3 в 1 [Official HD Video] 2024, Може
Anonim

Играли ли сте някога онлайн игра и си мислите: „Искам да направя нещо подобно, имам страхотни идеи“? В миналото трябваше да се научите как да кодирате в ActionScript 3, езика, който захранва Flash. Въпреки това, благодарение на някои програми за създаване на игри, кодирането е нещо от миналото. Можете да направите игрите забавни и потапящи, като манипулирате обекти и логика, без изобщо да докосвате кодове.

Стъпка

Метод 1 от 3: Проектиране на игри

Направете онлайн игри Стъпка 1
Направете онлайн игри Стъпка 1

Стъпка 1. Напишете основно описание

Въведете функциите и това, което искате да постигне играчът. Чудесно е да имате основен план за това какво искате да направите с играта си в писмена форма, за да можете да я видите, докато работите върху нея.

Вижте това ръководство за повече подробности относно писането на документи за дизайн на игри

Направете онлайн игри Стъпка 2
Направете онлайн игри Стъпка 2

Стъпка 2. Начертайте няколко скици

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

Направете онлайн игри Стъпка 3
Направете онлайн игри Стъпка 3

Стъпка 3. Изберете метод за създаване на вашата игра

Първоначално трябва да научите кода за ActiopnScript3 за създаване на Flash игри. Въпреки че все още можете да направите това, има налични програми, които могат да улеснят създаването на игри и да не изискват опит в кодирането. Някои популярни възможности за създаване на игри включват:

  • Stencyl - Това е по -нов инструмент, който ви позволява да създавате игри с помощта на обектни скриптове и логика. След това тази игра може да се превърне във Flash проект и да се качи на всеки уебсайт, който поддържа Flash игри.
  • Construct 2 - С напредване на възрастта Flash трябва да започне да се заменя с други начини за създаване на игри. Един от най -новите начини за създаване на онлайн игри е използването на HTML5. Обикновено това изисква много кодиране, но Construct 2 ви позволява да създавате игри, използвайки обекти и скриптове, като Stencyl.
  • Flash Builder - Това е традиционният метод за създаване на Flash игри. Изисква доста знание за ActionScript, но е един от по -лесните езици за усвояване на основите. Flash Builder струва пари, но можете да използвате отворената програма FlashDevelop за много от същите приложения.

Метод 2 от 3: Използване на Stencyl

Направете онлайн игри Стъпка 4
Направете онлайн игри Стъпка 4

Стъпка 1. Изтеглете и инсталирайте Stencyl

Stencyl е програма за създаване на игри, която не изисква кодиране. Можете да използвате различни логически инструменти за манипулиране на обекти в играта.

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

Направете онлайн игри Стъпка 5
Направете онлайн игри Стъпка 5

Стъпка 2. Създайте своята нова игра

Когато стартирате Stencyl, ще ви бъде показан списък с вашите игри. В списъка ще има няколко примерни игри, които можете да разгледате, за да видите как работят. За да започнете работа по вашата игра, щракнете върху пунктираната кутия с надпис „Щракнете тук, за да създадете нова игра“.

Направете онлайн игри Стъпка 6
Направете онлайн игри Стъпка 6

Стъпка 3. Изберете комплект

Има няколко комплекта, които съдържат готови активи и обекти, които могат да ви помогнат бързо да стартирате играта си. Изберете комплект, ако искате, или изберете „Празна игра“(Празна игра)

Можете да изтеглите онлайн комплекти, направени от други потребители

Направете онлайн игри Стъпка 7
Направете онлайн игри Стъпка 7

Стъпка 4. Въведете информацията за играта си

Преди да започнете да изграждате играта си, трябва да въведете малко информация.

  • Име - Това е името на вашата игра. Можете да промените това по -късно на каквото искате.
  • Размер на екрана - Това е размерът на екрана ви и е много важен, тъй като ще повлияе на изкуството, което използвате. Тъй като хората обикновено ще играят вашата игра с техния уеб браузър, размерът на екрана не трябва да е толкова голям. Опитайте Ширина: 640 px Височина: 480 px. Това е добър размер за начало.
Направете онлайн игри Стъпка 8
Направете онлайн игри Стъпка 8

Стъпка 5. Запознайте се с оформлението

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

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

Стъпка 6. Създайте актьори

Актьор е всеки обект, който се движи или с който може да се взаимодейства в играта (играчи, врагове, врати и т.н.) Ще трябва да създадете актьор за всеки обект във вашата игра. За да създадете актьор, щракнете върху опцията „Типове актьори“в менюто Ресурси. Изберете желания от вас актьор (списъкът се определя от комплекта, който сте избрали).

  • Назначавайте актьори на групи (играчи, врагове). Това ще помогне да се определят свойствата на сблъсъка на актьора. Изберете вашия актьор, за да отворите редактора на актьори. След това щракнете върху раздела Свойства и изберете подходящата група от падащото меню.
  • Изберете поведение (скачане, стъпване, ходене). Поведението е това, което позволява на вашия актьор да направи нещо. Щракнете върху Поведения и кликнете върху бутона „+ Добавяне на поведение“в долния ляв ъгъл. Изберете поведение (например „Ходене“) от списъка, след което щракнете върху „Избор“.
  • Задайте контрол. Ако създавате характер на играч, ще искате да позволите на играча да го премести. Когато добавите поведение на ходене, ще бъдете отведени до екрана Атрибути на ходене. Можете да използвате менюто, за да изберете кой клавиш ще премества актьора наляво и надясно. Можете също да инсталирате анимации, ако комплектът, който използвате, ги съдържа.
  • Можете да добавите много поведения и да зададете какво могат да правят актьорите.
Направете онлайн игри Стъпка 10
Направете онлайн игри Стъпка 10

Стъпка 7. Създайте сцена

Сцената е това, което играчът вижда, докато играе играта. Това е фонът, както и всички видими обекти и актьори. За да създадете нова сцена, щракнете върху опцията Сцени в дървото на ресурсите, след което щракнете върху подреденото поле. Дайте име на новата си сцена, за да продължите.

  • Фон - Вашата сцена ще бъде преоразмерена автоматично, така че не е нужно да се притеснявате за това засега. Можете да изберете да използвате цвят като фон, който ще бъде поставен върху него. Можете също така да избирате от плътни или градиентни цветове. Щракнете върху „Създаване“, когато приключите. Това ще отвори Scene Designer.
  • Поставете плочки - Комплектите плочки, включени във вашия комплект, ще се заредят от дясната страна на прозореца. Щракнете върху инструмента Молив в лявото меню, след което щракнете върху плочката, която искате да използвате. След това можете да поставите плочки на вашата сцена. Щракнете и плъзнете с мишката, за да поставите двойни плочки.
  • Поставете актьора. Щракнете върху раздела Актьори над вашия набор от плочки, за да превключите към наличните си актьори. Трябва да създадете такъв предварително, за да се появи в този списък. Щракнете върху актьора, който искате да поставите, и кликнете върху сцената, където искате да се появи. Ако натиснете Shift, актьорът ще се премести там.
  • Добавена гравитация. Щракнете върху раздела „Физика“в горната част на прозореца, след което въведете стойност в полето „Гравитация (вертикално)“. Въвеждането на 85 ще симулира истинската земна гравитация.
Направете онлайн игри Стъпка 11
Направете онлайн игри Стъпка 11

Стъпка 8. Тествайте играта

След като създадете сцената и включите някои актьори, можете да тествате играта. Щракнете върху бутона „Тестова игра“в горната част на екрана, за да играете това, което сте създали сега. Можете да използвате клавишите, които сте задали, за да контролирате героя на играча.

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

Направете онлайн игри Стъпка 12
Направете онлайн игри Стъпка 12

Стъпка 9. Добавете още

Сега, когато имате работеща и играема сцена, е време да изградите цялата игра. Добавете нива и предизвикателства и продължете да тествате добавките си, за да сте сигурни, че са забавни и работят правилно.

Направете онлайн игри Стъпка 13
Направете онлайн игри Стъпка 13

Стъпка 10. Сайт Заключете играта си

Ако ще качвате играта на сайт, който хоства Flash игри, или ще я качите на вашия собствен сайт, трябва да използвате „Заключване на сайта“. Това ще попречи на играта ви да се играе, ако не е в списъка с разрешени сайтове.

  • Отворете „Настройки на играта“от дървото „Ресурси“. Изберете секцията „Товарач“. Въведете разрешените сайтове в полето „Заключване на сайта“, разделени със запетаи и без интервали. Например newgrounds.com, kongregate.com.
  • Докато сте още на този екран, въведете началната си страница в полето „Вашата начална страница“, ако имате такава. Това ще позволи на играчите, които играят вашата игра, да се свържат с вашия сайт/
Направете онлайн игри Стъпка 14
Направете онлайн игри Стъпка 14

Стъпка 11. Експортирайте играта като Flash

След като сте доволни от играта си, можете да я експортирате във Flash формат. Това ще ви позволи да качите играта на сайт, който хоства Flash игри, или на вашия собствен уебсайт. Щракнете върху „Публикуване““(Публикуване) изберете„ Уеб “, след което щракнете върху„ Flash “. Запазете файла на лесно намиращо се място на вашия компютър.

Направете онлайн игри Стъпка 15
Направете онлайн игри Стъпка 15

Стъпка 12. Публикувайте играта

След като имате Flash (. SWF) файл, можете да го качите на сайт по ваш избор. Има няколко сайтове онлайн, които хостват Flash игри, а някои може дори да ви позволят да печелите пари от приходи от реклами. Можете също да качвате игри на собствения си уебсайт, но трябва да сте сигурни, че имате пропускателна способност, за да приспособите играчите, ако играта стане популярна.

  • Вижте това ръководство за качване на игри на вашия собствен уебсайт.
  • Ако искате да качите играта си на сайт като Newgrounds или Kongregate, ще трябва да създадете акаунт и след това да преминете през процеса на качване за тези сайтове. Условията ще варират за всеки сайт.
  • Ако искате да публикувате играта си в Stencyl Arcade, можете да го направите от програмата Stencyl. Щракнете върху „Публикуване“, изберете „Stencyl“, след което щракнете върху „Аркада“. Играта ще се качи автоматично, така че се уверете, че сте доволни от името, преди да направите това. Stencyl Arcade има ограничение на размера на файла от MB.

Метод 3 от 3: Използване на Construct 2

Направете онлайн игри Стъпка 16
Направете онлайн игри Стъпка 16

Стъпка 1. Изтеглете и инсталирайте Construct 2

Тази програма ви позволява да създавате HTML5 игри с много малко кодиране. Ще трябва да зададете няколко променливи, но всичко това става чрез менюто без кодиране.

Construct 2 е безплатен, въпреки че някои функции са ограничени, с изключение на надграждането. Безплатната версия не може да се публикува на платформи, различни от HTML5

Направете онлайн игри Стъпка 17
Направете онлайн игри Стъпка 17

Стъпка 2. Създайте нов проект

Когато за първи път стартирате Construct 2, ще бъдете посрещнати с меню за добре дошли. Щракнете върху връзката „Нов проект“, за да започнете нова игра. Има и някои примери, които можете да използвате, за да видите как да изградите основна игра.

Когато стартирате нов проект, ще ви бъде представен списък с шаблони. За първия ви проект препоръчваме да започнете с празен проект. Това ще ви позволи да свикнете с основите, без шаблоните да ви пречат

Направете онлайн игри Стъпка 18
Направете онлайн игри Стъпка 18

Стъпка 3. Коригирайте настройките на вашия проект

Вляво от прозореца на проекта ще видите поредица от обекти в рамката Свойства. Можете да използвате това, за да зададете размера на екрана си и да въведете информацията за играта и компанията.

Направете онлайн игри Стъпка 19
Направете онлайн игри Стъпка 19

Стъпка 4. Въведете фона

Щракнете двукратно върху оформлението. Изберете „Облицован фон“от секцията Общи. Щракнете върху оформлението си, за да поставите фона. Това ще отвори фоновия редактор. Ще трябва да създадете свой собствен с помощта на софтуер за редактиране на изображения или да изтеглите текстури от няколко онлайн места.

  • Задайте фона на размера на оформлението. Направете това, като изберете фоновия обект и го преоразмерите в рамката Свойства.
  • Преименувайте слоя и го заключете. Трябва да заключите слоя, за да избегнете случайно преместване, когато поставяте други обекти. Щракнете върху раздела „Слоеве“от дясната страна на екрана. Изберете слоя и щракнете върху бутона Молив. Назовете слоя „Фон“, след което щракнете върху бутона „Катинар“, за да заключите фона.
Направете онлайн игри Стъпка 20
Направете онлайн игри Стъпка 20

Стъпка 5. Създайте нов слой

В раздела слоеве щракнете върху бутона „+“, за да създадете нов слой. Наречете го „Основен“. Това ще бъде слоят, в който ще се намират повечето от вашите игрови обекти. Преди да продължите, се уверете, че е избран основният слой.

Направете онлайн игри Стъпка 21
Направете онлайн игри Стъпка 21

Стъпка 6. Добавете вход за вашата игра

В Construct 2 вашият вход трябва да бъде добавен като обект към вашата игра. Той е невидим и ще позволи използването на клавиатурата и мишката в проекта.

Щракнете двукратно върху оформлението и след това изберете „Мишка“от секцията за въвеждане. Направете същото, за да вмъкнете обекта „Клавиатура“

Направете онлайн игри Стъпка 22
Направете онлайн игри Стъпка 22

Стъпка 7. Добавете обекти

Сега е време да добавите някои игрови обекти в оформлението си. Щракнете двукратно върху оформлението и изберете „Sprite“от общия раздел. Използвайте кръста, за да изберете къде искате да поставите спрайтовете. Ще се отвори редактор на изображения, който ви позволява да заредите съществуващ спрайт или да създадете нов.

Когато изберете спрайт в оформлението, свойството спрайт ще се зареди в лявата рамка. Преименувайте спрайтовете, за да можете по -лесно да ги идентифицирате и да се позовавате на тях

Направете онлайн игри Стъпка 23
Направете онлайн игри Стъпка 23

Стъпка 8. Добавете поведение към вашия обект

За да добавите поведение, щракнете върху обекта, към който искате да добавите поведение, за да го изберете. Щракнете върху връзката „Добавяне/редактиране“в секцията Поведение на рамката Свойства. Ще се появи списък с налични поведения.

Поведението е предварително конфигурирани логически елементи, които ви позволяват бързо да добавите използваемост към вашите обекти. Можете да избирате от голямо разнообразие от предварително изградени поведения, които могат да осигурят голямо разнообразие от приложения. Например, за да направите плътен под, придайте му „твърдо“поведение. За да преместите героя в 8 посоки, задайте поведението "8 посока движение"

Направете онлайн игри Стъпка 24
Направете онлайн игри Стъпка 24

Стъпка 9. Променете свойствата на поведението

Можете да редактирате поведението, така че да отговаря на начина, по който работи обектът ви. Можете да промените стойностите, за да промените скоростта, посоката и други свойства.

Направете онлайн игри Стъпка 25
Направете онлайн игри Стъпка 25

Стъпка 10. Разберете как работят събитията

Събитията са списък на условията и са това, което играта избягва. Ако условието е достигнато, събитието се случва. Ако условието не е изпълнено, събитието не се случва. Страницата на събитието обикновено се изпълнява около 60 пъти в секунда. Всяко бягане се нарича "кърлеж".

Направете онлайн игри Стъпка 26
Направете онлайн игри Стъпка 26

Стъпка 11. Създайте събитие

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

  • Изберете кога да се извърши действието. След като изберете обект, ще бъдете помолени да изберете кога е настъпило събитието. Това може да се основава на други събития или в определено време. „Всеки тик“винаги.
  • Добавяне на действие. Ще бъдете помолени да изберете един от вашите обекти. Изберете от списък с действия. Например, ако създавате стрелец и искате персонажът на играча винаги да е с лице към мишката, бихте създали действие „От гледна точка до позицията“на всеки набор от отметки на обекта на играча. Когато бъдете подканени за координати, въведете „Mouse. X“за X и „Mouse. Y“за Y. Това ще направи кораба на играча винаги обърнат към курсора.
Направете онлайн игри Стъпка 27
Направете онлайн игри Стъпка 27

Стъпка 12. Добавете още събития и поведение

Това е гръбнакът на вашата игра. Добавянето и подобряването на поведението и събитията ще ви помогне да създадете уникални и забавни игри, в които хората ще искат да играят. Експериментирайте с различни събития, за да се опитате да получите играта, която наистина искате.

Направете онлайн игри Стъпка 28
Направете онлайн игри Стъпка 28

Стъпка 13. Добавете променливи

В Конструкт 2 има два типа променливи: променливи на екземпляра и глобални променливи. Тя ви позволява да създавате резултати за вашите обекти и игри, като здраве, ограничение във времето, резултат и др.

  • Променлива за екземпляр - Променливата за екземпляр се присвоява на един обект. Това се използва за неща като врагове и здраве на играча. Можете да добавите променлива на екземпляр, след като изберете обект, като щракнете върху връзката „Добавяне/редактиране“в раздела Променливи на рамката Свойства. Дайте на променливата име, което може да се отнася до събитието, както и начална стойност.
  • Глобална променлива - Глобалните променливи са променливи, които се присвояват на цялата игра. Използва се за неща като резултати на играчите. За да създадете глобална променлива, отидете на страницата Събития и щракнете с десния бутон върху празно място. Кликнете върху „Ass глобална променлива“, дайте му име, така че да може да бъде посочено в събитието, след което въведете начална стойност.
Направете онлайн игри Стъпка 29
Направете онлайн игри Стъпка 29

Стъпка 14. Създайте интерфейси

Когато създавате интерфейси, обикновено е най -добре да го направите на нов слой. Това е така, защото интерфейсът много рядко се движи или променя, така че е по -добре да го поставите на заключен слой. В рамката Свойства за новия слой задайте “Parallax” на 0. Това ще задържи слоя изместен при движение на екрана.

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

Направете онлайн игри Стъпка 30
Направете онлайн игри Стъпка 30

Стъпка 15. Тествайте и преразгледайте играта си

Сега, когато имате няколко обекта на екрана със събития и поведение, можете да започнете тестване и добавяне на съдържание. Щракнете върху бутона „Възпроизвеждане“в горната част на екрана, за да помогнете и тествате играта. Обърнете внимание на всичко, което не работи, и се опитайте да го поправите, за да направите играта си приятна и приятна за игра.

Направете онлайн игри Стъпка 31
Направете онлайн игри Стъпка 31

Стъпка 16. Експортирайте играта си

Ако сте доволни от играта си, можете да я експортирате, така че да може да бъде качена на уебсайт и да се играе от всеки. За да експортирате играта, щракнете върху менюто „Файл“и изберете „Експортиране“. Запазете проекта на място, което лесно можете да намерите.

Направете онлайн игри Стъпка 32
Направете онлайн игри Стъпка 32

Стъпка 17. Публикувайте играта

Има няколко сайта, които ви позволяват да качвате HTML5 игри, за да могат другите да играят. Можете също да добавяте игри към собствения си уебсайт. Вижте това ръководство за подробности как да качвате игри на вашия собствен уебсайт.

Съвети

  • Ако се интересувате повече от изучаването на кода зад Flash игрите, можете да използвате Flash Builder и ActionScript3 код за изграждане на игри. Това ще отнеме повече време, но може да доведе до по -уникално преживяване. Вижте ръководството за програмата в ActionsScript3.
  • Отдайте почит на всеки източник, от който сте черпили идеи и съдържание, и на всеки, който ви е помогнал при създаването на играта.

Препоръчано: