Розробка гри на Flash: З чого починати абсолютним новачкам?

Січень 18, 2013  
Розміщено в категорії: Загальна, Уроки    
Коментарів: 25 42,357 views

learning“Я все життя мріяв створювати комп’ютерні ігри, але не маю ані відповідної освіти, ані уявлення, як це роблять інші. З чого мені почати?” – це запитання мені доводиться чути зі вражаючою регулярністю. Тож, щоб багатократно не повторюватися, я вирішив написати статтю про перші кроки молодого розробника ігор. Тим більше, що я давно обіцяв це зробити. Тепер у відповідь на запитання можна буде просто дати лінк!

Попереджаю, що шляхів до “мрії” може бути багато. Хтось спробує здобути формальну освіту ігрового розробника чи хоча б загальну освіту програміста, інші – підуть працювати в ігрову компанію, треті – займуться самоосвітою. Я ж поділюся власним баченням розвитку людини, яка хоче створювати ігри.

Цей підхід виявився ефективним у моєму випадку, і мені здається, що при належному рівні бажання та готовності інвестувати свій час та зусилля, він буде так само ефективний для будь-кого іншого. Основна його цінність, як на мене, полягає в тому, що він підійде абсолютним новачкам – тобто людям, які ніколи раніше не мали нічого спільного з розробкою ігор.

Застереження

Більшість початківців чомусь вважають, що розробка ігор зводиться до програмування та створення графіки. Це не так!

Розвиваючись, як розробник, ви дедалі більше переконуватиметесь, що зовсім не ваші програмістські та художницькі навички визначають, наскільки успішною буде наступна гра. На перший план виходитимуть куди більш “тонкі” матерії, такі як розуміння психології гравця, здатність вигадати та втілити адиктивний геймплей, хороший ігровий дизайн тощо.

Але звісна річ, в рамках однієї статті неможливо охопити всі аспекти ігрової розробки, тому сьогодні я ігноруватиму “тонкі матерії” і розповідатиму про функціональні інструменти. Простіше кажучи – про те, що дозволить вам в результаті сісти за комп’ютер і зробити найелементарнішу гру. А ще простіше – про програмування!

Одразу до практики: Створюємо першу гру

Ви можете прочитати скільки завгодно підручників про ActionScript 3 і проштудіювати сотню статей про патерни програмування, але так ні на йоту й не наблизитися до вміння створювати ігри, тому що програмування – це в першу чергу практична, а не теоретична навичка. А отже вам слід якомога швидше переходити до практики.

Моя рекомендація полягає в тому, щоб братися за розробку гри з першого ж дня навчання. Це повинна бути найпростіша гра з відомою механікою. Хрестики-нулики, арканоїд, авойдер, елементарний шутер чи mach-3 – всі ці механіки цілком підійдуть для першої гри. Але постарайтеся не ускладнювати і сприймайте першу гру як інструмент для тренування.

Моєю першою грою була Match Insanity, яка потім переродилася в Don’t Eat Last Berry. У ній я реалізував елементарну механіку “гри з дитинства”. Але найважливіше те, що на розробку першої гри пішло не більше тижня – тож отримавши найцінніший досвід я зміг швидко зробити висновки і продовжити розвиток.

Повторюся, не варто затягувати з розробкою першої гри. Але так само важливо, щоб це був не просто прототип чи альфа-версія, а повноцінний закінчений продукт (нехай навіть нецікавий нікому, крім вас). Тільки так ви зможете пройти через усі етапи розробки і привчите себе до того, що проекти потрібно закінчувати.

Спочатку вчимося – потім структуруємо

Навчання варто починати із коротких і дуже простих уроків, які пояснюють принципи роботи тих чи інших методів ActionScript 3. Багато початківців роблять помилку, намагаючись одразу осягнути філософію об’єктно-орієнтованого програмування чи з перших секунд хапаючись за “біблію” ActionScript 3 – книгу Коліна Мука (Colin Moock) “Essential ActionScript 3.0“. Ця книга справді повинна стати настільною для кожного AS3-програміста, але починати з неї я б не рекомендував – тільки заплутаєтесь.

Простих уроків в інтернеті можна знайти скільки-завгодно. В цьому блозі я теж вже почав створення серії навчальних матеріалів, які підійдуть абсолютним початківцям. Їх ви знайдете у розділі “Уроки Flash“.

Особливу увагу раджу звернути на наступні публікації (з них цілком можна починати вивчення мови програмування):

  1. Робота з символами MovieClip методами ActionScript 3.
  2. Розуміння слухачів подій (EventListeners) у ActionScript 3.
  3. Організація візуальних об’єктів методами ActionScript 3.
  4. Умовні вирази (if … else, switch … case) в ActionScript 3.
  5. Використання циклів та масивів у ActionScript 3.

Читаючи ці та інші публікації вам потрібно чітко дотримуватися одного правила – повторювати матеріал до того часу, поки ви не почнете його розуміти. Немає жодного сенсу в бездумному копіюванні коду, якщо ви не розумієте, як він працює.

Виконуючи завдання, намагайтеся модифікувати їх таким чином, щоб спробувати різні налаштування. Це допоможе краще осягнути і запам’ятати принципи роботи того чи іншого коду.

Книги

Я не буду публікувати тут велетенську бібліотеку книг, які потрібно “проштудіювати” від першої і до останньої сторінки. Натомість, поділюся коротким списком найкращих підручників, які стали в нагоді мені.

essential-actionscript

Знання англійської мови – дуже бажане, тому що я сумніваюся, що всі книги мають український або хоча б російський переклад.

  1. Foundation Game Design with ActionScript 3.0 (Rex van der Spuy) – на мою думку, це просто геніальна книга, яка дозволяє поринути у дивовижний світ розробки ігор на AS3 людям, які раніше ніколи не були програмістами. Саме її потрібно читати першою і дуже уважно розбирати кожен приклад коду, які зустрічаються в книзі.
  2. AdvancED Game Design with Flash (Rex van der Spuy) – продовження попередньої книги, для розробників, які вже відчули смак створення ігор. Книга обіцяє познайомити нас з безліччю цінних концепцій програмування, але новачкам не підійде. Чесно кажучи, я сам поки-що тільки почав знайомитися з нею. Виглядає “смачно”.
  3. The Essential Guide to Flash Games: Building Interactive Entertainment with ActionScript (Jeff Fulton, Steve Fulton) – цю книгу я б радив читати другою, після Foundation Game Design with ActionScript 3.0. Вона розповідає про такий важливий аспект розробки флеш-ігор, як створення власного “ігрового двигунця”. Книга не лише дуже цікава і розкриває очі на важливі концепції ігрового програмування, але й дозволяє глибше зрозуміти структуру сучасних ігор та пояснює, як реалізувати все це методами ActionScript 3. Словом, це, мабуть, найкраща книга із представлених у моєму короткому переліку.
  4. Essential ActionScript 3.0 (Colin Moock) – як вже згадувалося – це “біблія” кожного AS3-програміста. Починати читати її можна після того, як ви виконаєте кілька практичних завдань і вам знадобиться структурувати отримані знання. З завданням структурування ця книга справляється на 100%. Вона розповідає про ActionScript “в загальному” і не має ігрової специфіки. І тим не менше, я не знаю жодного AS3-розробника, в кого б на полиці не стояла ця книга. До речі, книга Коліна Мука перекладена російською мовою, так що при бажанні ви зможете знайти російськомовну версію.

Блоги

Паралельно з читанням книг, я раджу стежити за оновленнями блогів розробників ігор. Окрім, власне, “Блога про флеш та ActionScript” я раджу звернути увагу на:

  1. Блог Антона Карлова – справжня знахідка для кожного початківця. Можна перечитувати від першої і до останньої статті. Успішний інді-розробник відкрито ділиться своїм досвідом. Це мій улюблений блог про розробку.
  2. Xitri – ще один чудовий блог розробника, де можна знайти безліч “хитрощів” для створення ігор. На жаль, останнім часом він оновлюється не так часто, як хотілося б, а в даний момент, схоже, взагалі не працює. Сподіваюся, це тимчасове явище.
  3. Emanuele Feronato – англомовний блог італійського розробника. Один з найвідоміших у світі блогів про розробку ігор. Дуже цікавий, багатий на інформацію і активний.
  4. Flash-Animated – єдиний в переліку блог, присвячений не стільки програмуванню, скільки анімації. Хоча уроки програмування там також є, а сам блог надзвичайно цікавий!

Спільнота

Для початківця дуже важливо спілкуватися з однодумцями, які не лише цікавляться тим самим, що й він, але й можуть дати корисну пораду і відповісти на нестандартні запитання. Вплив спільноти на розвиток ігрового розробника важко переоцінити, тому я рекомендую якнайшвидше включатися в комунікацію і ставати частиною такої спільноти.

На жаль, україномовної спільноти флеш-розробників не існує (або я її не знайшов).

Найактивніша російськомовна спільнота зосереджується навколо форуму FlashGameDev та сервісу колективних тематичних блогів FlashGameBlogs. До речі, більшість статей, опублікованих на “Блозі про флеш” я публікую і на FlashGameBlogs, попередньо переклавши. А взагалі, дописувати до FlashGameBlogs може кожен, попередньо отримавши інвайт.

Що стосується англомовної спільноти, то найактивніша, на мою думку, компанія ігрових розробників “тусується” на аукціоні FlashGameLicense.

fgl

Ресурс має всі необхідні інструменти для комунікації, включаючи обширний внутрішній форум. Втім, якщо ви мрієте в майбутньому продавати ігри, то швидш за все рано чи пізно прийдете до FGL.

Офіційна документація Adobe

Останньою в переліку але не за важливістю є офіційна документація Adobe. Вона стане в нагоді при “читанні” чужого коду. Якщо ви наткнетеся на незнайомі оператори чи методи, документація Adobe про мову ActionScript 3 точно стане вам у нагоді.

Практика і ще раз практика!

Сподіваюся, цей перелік ресурсів допоможе вам швидше освоїтися у світі ActionScript 3 та ігрової розробки. Головне – не забувайте, що тільки практика дасть вам необхідний досвід для створення по-справжньому хорошої гри. Вирішення конкретних завдань змушує мозок працювати в абсолютно іншому (набагато більш ефективному) режим, ніж коли ви просто читаєте теорію. Тому не затягуйте зі створенням першої гри!

Теги: , , , , , , , , ,


Інші записи на цю тему:

Всього залишено коментарів: 25

Sumbit
Січень 21, 2013 о 20:20

Дякую за статтю. Прочитав із задоволенням.

Богдан
Лютий 20, 2013 о 22:22

Ярослав, а що ви можете порадити тим людям, котрі здатні закодити свою першу гру, але на перепоні стоїть відсутність графіки і невміння її малювати? Адже для першої гри наймати художника або вступати до художньої школи, м’яко кажучи, не хочеться…

Ярослав Федорак
Лютий 20, 2013 о 22:46

Богдане, так, з малюванням все дещо складніше. Але в загальному діє той самий принцип – якщо ви не хочете наймати художника, купувати графіку чи брати її із відкритих джерел, то залишається тільки практикуватися і розвивати свої художницькі навички. Починати можна з найпростішої графіки (кільця та квадратики), і з часом переходити до більш складних елементів.

Alex
Лютий 21, 2013 о 09:43

Богдан, можу порадити вам пройти 2 безкоштовні курси тут:
http://www.murlyka.com/kursy/fga/
http://www.murlyka.com/kursy/adfga/
Я сам зараз освоюю малювання/флеш починаючи з 12 правил Діснея, закінчуючи спеціалізованими сайтами, блогами, книжками. В неті того добра навалом. Головне всі корисні посилання/сайти/блоги/книги структуризувати у ворді по пріорітетах і по-черзі освоювати, а то сумбур буде. (наступив на ці граблі)
П/С
Ярослав, дай будь ласка відповідь у темі про хінти.

Богдан
Лютий 27, 2013 о 22:07

Alex, дякую за посилання! От першу гру (там графіка вся “крадена”) закінчу і буду вчитись

Богдан
Лютий 27, 2013 о 22:15

До речі, Ярославе, над чим (я маю на увазі ігри, звичайно) зараз працюєш, якщо не секрет? До речі, я зафанатів від Симбіоза)

Ярослав Федорак
Лютий 27, 2013 о 23:19

Зараз працюю над грою, яку робив для конкурсу “швидкої розробки”. На днях планую закінчити, і, думаю, що напишу окрему статтю про цю гру.

Радий, що тобі сподобався Симбіоз. Мені завжди приємно чути схвальні відгуки. Після закінчення робіт над конкурсною грою швидш за все візьмуся за level pack для Симбіозу.

Богдан
Березень 1, 2013 о 14:58

О, класно

Alex
Березень 25, 2013 о 10:16

Ярославе, чи є в планах написання ще кількох уроків по as3?
(враховуючи новий досвід Simbiosis та When I was young)

Ярослав Федорак
Березень 26, 2013 о 13:46

Так, я планую по можливості публікувати уроки AS3. Але в даний момент розробка в пріоритеті, тому уроки публікуватиму коли з’явиться вільний час.

Зараз працюю над продовженням гри Symbiosis.

Богдан
Вересень 28, 2015 о 14:50

можеш надіслати мені список імпортів, слухачів і функцій?
просто не можу знайти пормальний сайт .
і ще одне – ось мій код
stop();
stage.addEventListener(KeyboardEvent.KEY_DOWN, fun);
function fun (e:KeyboardEvent):void
{
if (e.keyCode == Keyboard.LEFT) {
korablik.x -=90;
korablik.rotation =180;
}
if (e.keyCode == Keyboard.RIGHT) {
korablik.x +=90;
korablik.rotation =0;
}
if (e.keyCode == Keyboard.DOWN) {
korablik.y +=90;
korablik.rotation =90;
}
if (e.keyCode == Keyboard.UP) {
korablik.y -=90
;
korablik.rotation =270;
}
}
stop();
воно все функціонує. але сама функція
KeyboardEvent.KEY_DOWN
сюди не підходить. мені потрібно функцію, типу KEY_PRESS, кої в флеш не має

Ярослав Федорак
Вересень 29, 2015 о 09:49

Богдане, для клавіатури в AS3 передбачено два типи подій: KEY_DOWN і KEY_UP. Перша спрацьовує коли користувач натискає клавішу, друга – коли відпускає. З їх допомогою можна реалізувати практично будь-який функціонал. Навіщо Вам додаткові події клавіатури?

Що стосується імпортів, слухачів та функцій, то для кожної програми вони будуть різними. Загального списку не існує. Або, можливо, я не правильно зрозумів, що Вам потрібно.

Богдан
Жовтень 2, 2015 о 09:15

Коли я прописую код для символа KEY_DOWN, то виходить не дуже плавно, ніби я друкую на клавіатурі. Ну, коли ти в ворді друкуєш, коли ти зажав якусь букву, спочатку з’являється одна, а потім через пів секунди по порядку швидко з’яляються інші. В програмі те саме.
В твоїй грі про жабу блоки плавно їдуть, а в мене дуже ривками

Богдан
Жовтень 2, 2015 о 09:19

і список просто існуючих імпортів і слухачів та функцій

Богдан
Жовтень 2, 2015 о 09:26

stop();
stage.addEventListener(KeyboardEvent.KEY_DOWN, fun);
function fun (e:KeyboardEvent):void
{
if (e.keyCode == Keyboard.LEFT) {
korablik.x -=5;
korablik.rotation =180;
}
if (e.keyCode == Keyboard.RIGHT) {
korablik.x +=5;
korablik.rotation =0;
}
if (e.keyCode == Keyboard.DOWN) {
korablik.y +=5;
korablik.rotation =90;
}
if (e.keyCode == Keyboard.UP) {
korablik.y -=5
;
korablik.rotation =270;
}
}
stop();

ось мій код

Богдан
Жовтень 2, 2015 о 09:31

надіюсь ти мене зрозумів. Ций код до гри аж ні як не підходить.

Ярослав Федорак
Жовтень 2, 2015 о 17:17

Так, я зрозумів що ти маєш на увазі. У грі з жабкою там принцип роботи блока зовсім інший. При натисканні на кнопку ти просто вказуєш напрямок руху для блока, а пересуваєш його через ентерфрейм.

stage.addEventListener(KeyboardEvent.KEY_DOWN, onKeyDown);
stage.addEventListener(KeyboardEvent.KEY_UP, onKeyUp)

function onKeyDown (e:KeyboardEvent):void
{
if (e.keyCode == Keyboard.LEFT) {
vx = -5;
}
if (e.keyCode == Keyboard.RIGHT) {
vx = 5;
}
if (e.keyCode == Keyboard.DOWN) {
vy = 5;
}
if (e.keyCode == Keyboard.UP) {
vy = -5;
}
}

function onKeyUp (e:KeyboardEvent):void
{
if (e.keyCode == Keyboard.LEFT) {
vx = 0;
}
if (e.keyCode == Keyboard.RIGHT) {
vx = 0;
}
if (e.keyCode == Keyboard.DOWN) {
vy = 0;
}
if (e.keyCode == Keyboard.UP) {
vy = -0;
}
}

Потім додаєш функцію, яка виконується кожен фрейм і в ній просто оновлюєш координати об’єкта:

stage.addEventListener(Event.ENTER_FRAME, onEnterFrame)

function onEnterFrame (e:Event):void
{
korablik.x += vx;
korablik.y += vy;
}

Богдан
Жовтень 13, 2015 о 10:49

Я зрозумів, дуже дякую

Богдан
Жовтень 13, 2015 о 10:50

а можеш сказати яка функція відповідає за доторкання двох символів
??

Bogdan Voznyuk
Жовтень 18, 2015 о 14:52

в твоїй грі – Симбіоз, мене цікавить як зробити момент атаки.
Я вже по твоїм урокам зробив декілька дуже простих ігор, типу як на андроїд piano, лабіринт(мишкою не можна доторкатися до стінок)
Але я навіть не вмію зробити бонуси. Я більше року шукаю уроки:
в ютюбі, на різних сайтах, шукав книги. Можеш меді підказати де є безкоштовні уроки, що могли б мені допомогти трохи піднятися в програмуванні action script? Я дуже довго знав лише paskal7. Але щоб перейти на іншу мову програмування це не завада?

Ярослав Федорак
Жовтень 19, 2015 о 11:05

Безкоштовних уроків існує дуже багато. Але абсолютна більшість із них – англійською мовою. Якщо це не проблема, можна просто пошукати у тому ж ютубі за запитом “make game as3″.

Ось, наприклад, перше, що видав мені ютуб. Начебто непоганий урок для початківців: https://youtu.be/JeqYk7cv56k?list=PL290A384555ABF630

І ще дуже раджу знайти і почитати книги, описані в статті.

Богдан
Жовтень 19, 2015 о 14:38

a такий спосіб підійде?

var direction:String;

stage.addEventListener(KeyboardEvent.KEY_DOWN, keyboardF);

stage.addEventListener(KeyboardEvent.KEY_UP, keyboardw);

stage.addEventListener(Event.ENTER_FRAME, moveBall);

function keyboardF (e:KeyboardEvent):String {
if (e.keyCode == Keyboard.RIGHT) {
direction = “right”;
} else if (e.keyCode == Keyboard.LEFT) {
direction = “left”;
} else if (e.keyCode == Keyboard.UP) {
direction = “up”;
} else if (e.keyCode == Keyboard.DOWN) {
direction = “down”;

}
function keyboardw (e:KeyboardEvent):String {
if (e.keyCode == Keyboard.RIGHT) {
direction = “stop”;
} else if (e.keyCode == Keyboard.LEFT) {
direction = “stop”;
} else if (e.keyCode == Keyboard.UP) {
direction = “stop”;
} else if (e.keyCode == Keyboard.DOWN) {
direction = “stop”;

return direction;

}

function moveBall(e:Event) {

switch (direction) {
case ‘up’ :
ball.y -= 4;
break;

case ‘down’ :
ball.y += 4;
break;

case ‘right’ :
ball.x += 4;
break;

case ‘left’ :
ball.x -= 4;
break;

case ‘stop’ :
break;
}

}

Ярослав Федорак
Жовтень 19, 2015 о 16:48

На перший погляд повинно працювати, але треба тестити.

Ярослав
Листопад 13, 2015 о 15:29

Ярослав, можеш підказати, як зробити, щоб коли я натискаю 2 клавіші, то виконується функція?

Ярослав Федорак
Листопад 13, 2015 о 17:24

Можна, наприклад, ввести boolean-змінну firstKeyPressed, якій присвоювати значення true при натисканні першої клавіші. А при натисканні другої клавіші перевіряти, чи firstKeyPressed = true і в залежності від цього виконувати функцію.

Поділіться своєю думкою

«
»