Как да направите онлайн игри (със снимки)

Съдържание:

Как да направите онлайн игри (със снимки)
Как да направите онлайн игри (със снимки)

Видео: Как да направите онлайн игри (със снимки)

Видео: Как да направите онлайн игри (със снимки)
Видео: Основы Microsoft Word. Ворд для начинающих. часть 1 2024, Може
Anonim

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

Стъпки

Част 1 от 4: Проектиране на играта

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

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

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

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

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

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

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

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

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

Традиционно ще трябва да се научите как да кодирате в ActionScript 3, за да създавате Flash игри. Въпреки че все още можете да направите това, има налични програми, които могат да направят създаването на игри много по -лесно за изучаване, което не изисква кодиране. Някои от най -популярните опции за създаване на игри включват:

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

Част 2 от 4: Използване на 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 игри, или на вашия собствен уебсайт. Щракнете Публикувайте изберете Web и след това щракнете върху Flash. Запазете файла на лесно намиращо се място на вашия компютър.

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

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

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

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

Част 3 от 4: Използване на 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. Създайте нов слой

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Част 4 от 4: Кодиране от нулата

Стъпка 1. Изтеглете IDE за програмиране (интегрирана среда за разработка), която поддържа HTML като Game Maker Studio

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

Стъпка 2. Научете се да използвате IDE

Да се научиш да програмираш във вашата среда е изключително важно. Запаметяването на повечето от общия код и научаването как правилно да се прилагат нещата може да отнеме седмици или дори месеци. Бъдете търпеливи и всичко ще ви се отплати!

Стъпка 3. Създайте играта си, след като смятате, че сте готови

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

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

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

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

Публикувайте играта си онлайн на уебсайт като Kongregate. Трябва да сте подготвени за конструктивна критика и може да пожелаете да актуализирате играта си, за да отговаря на желанията на вашата база от играчи.

Съвети

  • Ако се интересувате повече от изучаването на кода зад Flash игрите, можете да използвате Flash Builder и ActionScript 3 код за създаване на персонализирани игри. Това ще отнеме повече време, но може да доведе до по -уникално преживяване. Вижте това ръководство за подробности относно програмирането в Actions Script 3.
  • Дайте признание на всички източници, от които сте взели идеи или съдържание, и на всички останали, които са помогнали за създаването на играта.

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