Как да си направим Flash игра: 4 стъпки (със снимки)

Съдържание:

Как да си направим Flash игра: 4 стъпки (със снимки)
Как да си направим Flash игра: 4 стъпки (със снимки)

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

Видео: Как да си направим Flash игра: 4 стъпки (със снимки)
Видео: Юлька_Рассказ_Слушать 2024, Ноември
Anonim

Flash е популярен формат за видео игри в браузъра, като сайтове като Newgrounds и Kongregate. Въпреки че форматът Flash е недостатъчно използван в мобилните приложения, все още има много качествени игри, които продължават да се правят с помощта на Flash. Flash използва ActionScript, език, който е лесен за научаване и осигурява контрол върху обекти на екрана. Вижте стъпка 1 по -долу, за да научите как да създадете основна Flash игра.

Стъпка

Част 1 от 3: Първи стъпки

381698 1
381698 1

Стъпка 1. Проектирайте играта

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

  • Безкраен бегач: Играта автоматично премества герои. Играчите трябва да прескачат препятствия или да взаимодействат с играта. Играчите обикновено имат само една или две опции за контрол.
  • Бойци: Играта обикновено е странично превъртане. Играчите трябва да победят врага, за да напредват. Героят на играча има няколко хода, за да победи врага.
  • Пъзели: Играчите трябва да решават пъзели, за да победят всяко ниво. Започвайки от стила на обединяване на три уникални обекта като Bejeweled, до сложни пъзели като приключенски игри.
  • RPG: Играта се фокусира върху развитието и напредъка на героите. Играчите преминават през много различни ситуации, както и през различни видове врагове. Бойната механика варира в широки граници, но много от тези видове са поетапни. Кодирането на RPG е значително по -трудно от обикновените екшън игри.
381698 2
381698 2

Стъпка 2. Разберете какви са предимствата на светкавицата

Flash е най -подходящ за 2D игри. Flash може да бъде направен за създаване на 3D игри, но е много сложен и изисква повече знания. Почти всяка успешна Flash игра има 2D формат.

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

381698 3
381698 3

Стъпка 3. Запознайте се с езика ActionScript3 (AS3)

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

В Amazon и други магазини има много книги за ActionScript, заедно с различни уроци и събития в интернет

381698 4
381698 4

Стъпка 4. Изтеглете Flash Professional

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

Flash Professional е единствената програма, от която се нуждаете, за да започнете да създавате игри

Част 2 от 3: Писане на основни игри

381698 5
381698 5

Стъпка 1. Разберете основните градивни елементи на AS3 кода

Базовата игра има няколко различни кодови структури. Кодът AS3 има три основни части:

  • Променливи - Това е начинът, по който се съхраняват данните. Данните могат да бъдат числа, думи (низове), обекти и др. Променливите се определят от кода var и трябва да се състоят от една дума.

    var playerHealth: Number = 100; // "var" показва, че дефинирате променлива. // "playerHealth" е името на променливата. // "Номер" е типът данни. // "100" е стойността, присвоена на променливата. // Всички редове на ActionScript завършват с ";"

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

    addEventListener (MouseEvent. CLICK, swingSword); // "addEventListener ()" дефинира манипулатор на събития. // "MouseEvent" е категорията на входа, който се слуша. // ". CLICK" е посочено събитие в категорията MouseEvent. // "swingSword" е функцията, която се извиква при настъпване на събитието.

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

    функция swingSword (e: MouseEvent): void; {// Вашият код тук} // "функция" е ключовата дума, която се появява в началото на всяка функция. // "swingSword" е името на функцията. // "e: MouseEvent" е добавен параметър, показващ //, че функцията е извикана от слушателя на събития. // ": void" е стойността, върната от функцията. // Ако не се връща стойност, използвайте: void.

381698 6
381698 6

Стъпка 2. Създайте обект

ActionScript се използва за въздействие върху обекти във Flash. За да създадете игра, трябва да създадете обекти, с които играчите да взаимодействат. В зависимост от ръководството, което четете, обектите могат да бъдат наричани спрайтове, актьори или филми. За тази проста игра ще създадете правоъгълник.

  • Отворете Flash Professional. Създайте нов проект на ActionScript 3.
  • Щракнете върху инструмента за рисуване на правоъгълник от панела Инструменти. Този панел може да е на различно място, в зависимост от конфигурацията на Flash Professional. Начертайте правоъгълник в прозореца на сцената.
  • Изберете правоъгълника с помощта на инструмента за избор.
381698 7
381698 7

Стъпка 3. Задайте свойствата на обекта

Изберете новоизбрания правоъгълник, отидете в менюто Промяна и изберете „Преобразуване в символ“. Можете също да натиснете F8 като пряк път. В прозореца "Преобразуване в символ" дайте на обекта лесно разпознаваемо име, например "враг".

  • Намерете прозореца Свойства. В горната част на прозореца ще има празно текстово поле с надпис „Име на екземпляр“, когато задържите мишката върху него. Дайте му същото име, както когато го превърнахте в символ („враг“). Това създава уникално име за взаимодействие чрез кода AS3.
  • Всяко "събитие" е отделен обект, който може да бъде повлиян от кода. Можете да копирате събития, създадени многократно, като щракнете върху раздела Библиотека и ги плъзнете в сцената. При всяко добавяне на събитие името му се променя, за да покаже, че обектът е отделен („враг“, „враг1“, „враг2“и т.н.).
  • Когато се отнасяте към обект в код, просто използвайте името на събитието, в този случай "враг".
381698 8
381698 8

Стъпка 4. Научете как да промените свойствата на събитие

След като събитието е създадено, можете да зададете неговите свойства чрез AS3. Това ви позволява да премествате обекти, да им преоразмерявате и т.н. Можете да персонализирате свойство, като въведете събитието, последвано от точка ".", След което последвано от свойството, последвано от стойността:

  • враг.х = 150; Това се отразява на позицията на вражески обекти по оста X.
  • враг.y = 150; Това влияе върху позицията на вражески обекти по оста Y. Оста Y се изчислява от горната част на сцената.
  • враг.ротация = 45; Завърта вражеските обекти на 45 ° по часовниковата стрелка.
  • враг.мащаб X = 3; Разтяга ширината на вражеския обект кратно на 3. Знакът (-) ще обърне обекта.
  • враг.мащаб Y = 0,5; Променя височината на обекта до половината от текущата му височина.
381698 9
381698 9

Стъпка 5. Наблюдавайте командата trace ()

Тази команда ще върне текущата стойност на посочения обект и е полезна за определяне дали всичко работи както трябва. Вероятно няма да включите командата Trace в крайния си код, но тя може да бъде полезна за намиране на източника на неуспешния код.

381698 10
381698 10

Стъпка 6. Изградете основната игра, като използвате информацията по -горе

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

var врагHP: Номер = 100; // Задава HP (здраве) на врага на 100 в началото на играта. var playerAttack: Number = 10; // Задава силата на атака на играча при щракване. враг.addEventListener (MouseEvent. CLICK, attackEnemy); // Чрез добавяне на тази функция директно към вражеския обект, // тази функция възниква само когато // се кликне върху самия обект, а не когато кликне навсякъде по екрана. setEnemyLocation (); // Извиква следната функция, за да постави врага // на екрана. Това се случва, когато играта започне. функция setEnemyLocation (): void {враг.x = 200; // Преместване на врага на 200 пиксела отляво на екрана враг.y = 150; // Преместване на врага 150 пиксела надолу от горната част на екрана враг.rotation = 45; // Завъртане на врага на 45 градуса по часовниковата стрелка ("x стойността на врага е", враг.х, "и стойността y на врага е", враг.y); // Показва текущата позиция на врага, за да намери източника на грешката} функция attackEnemy (e: MouseEvent): void // Създава функция за атака, когато се кликне върху врага {врагHP = врагHP - playerAttack; // Изважда стойността на атаката от стойността на HP, // Генерира нова стойност на HP. враг.scaleX = врагHP / 100; // Променете ширината въз основа на новата стойност на HP. // Стойността се разделя на 100 и след това се преобразува в десетичен знак. враг.scaleY = врагHP / 100; // Промяна на височината въз основа на нова проследяване на стойността на HP ("Враговете имат", вражески HP, "HP останали"); // Показва колко HP е оставил врагът}

381698 11
381698 11

Стъпка 7. Опитайте

След като сте кодирали, можете да тествате тази нова игра. Щракнете върху менюто Control и изберете Test Movie. Играта започва и можете да щракнете върху вражески обект, за да го промените. Изходът Trace ще се покаже в прозореца Output.

Част 3 от 3: Изучаване на усъвършенствани техники

381698 12
381698 12

Стъпка 1. Научете как работят пакетите

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

Потърсете ръководство в Wikihow за повече подробности за това как пакетите работят в Java

381698 13
381698 13

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

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

  • Създайте основна папка за вашия проект. В основната папка създайте папка „img“за всички художествени активи, „snd“папка за всички звукови активи и „src“папка за всички пакети с игри и кодове.
  • Създайте папка „Игри“в папката „src“, за да съхранявате файла Constants.
  • Тази конкретна структура не се изисква, но ще улесни организирането на работата на всички материали, особено за по -големи проекти. За простата игра, описана по -горе, не е необходимо да създавате директории.
381698 14
381698 14

Стъпка 3. Добавете звук към играта

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

381698 15
381698 15

Стъпка 4. Създайте файла Constants

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

  • Ако сте създали файл с константи, поставете го в папка в проекта и след това го импортирайте като пакет. Да предположим, че създавате файл Constants.as и го поставяте в папката с игри. За да го импортирате, използвайте следния код:

    пакет {импортиране на игра.*; }

381698 16
381698 16

Стъпка 5. Погледнете играта на други хора

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

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