Flash is Awesome!

Ни о чём и обо всём 1

2012-02-17T00:48:00.000-08:00

В поседнее время у меня не очень много времени, к тому же я работаю сразу над несколькими проектами, так как не знаю, какой из них получится действительно стоящим. К тому же многие надоедают после месяца разработки - типичная проблема программистов-одиночек. Теперь насчёт StencylWorks. Пересмотрев кучу игр, сделанных на этой проге, я нашёл только одну-две более менее удачных игр, остальные были просто ужасными. Максимум, для чего она подходит - ознакомиться с процессом игросторя, для первой пробы игры. (Да, только вот не надо эту первую пробу выкладывать в интернет со словами "Эта моя первая игра, прошу не судить строго" и ждать положительных комментариев - их просто не будет) Также я нашёл кучу ошибок в стандартном движке платформеров. Вобщем, третьей части скорее всего не будет. (Хотя возможно, если будет настроение, то я таки доделаю свой платформер с котэ в главной роли)

Экспресс программирование 1: космо шутер

2011-09-17T09:43:00.000-07:00

Итак, начинается новый раздел - экспресс программирование. Здесь я буду писать как и что можно быстро сделать на флэше. Также здесь же будут разные эксперименты.

Сейчас же я расскажу как быстро сделать игру на флэш - космический шутер (что-то вроде invaders). Цель на сегодня - сделать одноуровневую игру меньше чем за час.

1. Создаю новый документ, делаю несколько мувиклипов: себя (треугольничек-мувиклип, имя - hero), врага (треугольничек-мувиклип, повёрнутый в другую сторону, имя - alien), свою пулю (её я решил сделать отдельно от вражеских пуль, пусть различаются хоть как-нибудь, имя - myBullet), вражескую пулю (alBullet).
2. Делаю два кадра: в первом будет надпись "Нажмите пробел для старта", во втором будет происходить весь игровой процесс. Все мувиклипы, созданные в пункте 1, должны быть на втором кадре!
3. Теперь время писать код. Сначала переменные: shoot - флажок, обозначает выстрелил ли я уже или нет (если false, то могу выстрелить, если true - нет), d и d2 - depth врагов. Тоже самое с bulletd и bulletd2 - depth пуль. Теперь поподробнее про это: во Flash нужно, чтобы все объекты, создаваемые в процессе игры, имели свою глубину. Если у двух или более объектов одинаковая глубина, флэш начинает тупить. Чтобы легче было контролировать все эти объекты, они будут пронумерованы. Например: alien0, alien1, alien2 ... Я предпочитаю for(i=d2;i<d;i++){ - получается проход по всем объектам от d2 до d. Чтобы, например, пройтись по aliens0,aliens1,aliens2,...,aliens19, нужно ввести:for(i=0;i<20;i++){ , затем в теле цикла достаточно будет написать _root["aliens"+i] , чтобы ссылаться поочерёдно на все объекты (aliens0,aliens1,aliens2,...,aliens19).
4. Объявляем переменные и заполняем экран врагами:
stop();

d = d2 = 0;
bulletd = bulletd2 = 100;
shoot = false;
for (i=0; i<10; i++) {
for (i2=0; i2<5; i2++) {
  alien.duplicateMovieClip("al"+d,d);
  _root["al"+d]._x = i*50+50;
  _root["al"+d]._y = i2*50+50;
  _root["al"+d].xSpeed = 1;
  d++;
}
}

5. Затем нужно прописать _root.onEnterFrame = function(){ /*тело функции*/ }. Тогда то, что находится в теле функции будет выполняться 24 раза в секунду (по умолчанию, чтобы изменить - измените fps ролика). Теперь нужно реализовать стрельбу. Принцип такой: у вас всего одна пуля. Выстрелив, вы не можете стрелять, пока она во что-нибудь не врежется (или не улетит за пределы).

_root.onEnterFrame = function() {
if (shoot == false && Key.isDown(Key.SPACE)) {
  shoot = true;
  myBullet._x = hero._x;
  myBullet._y = hero._y;
}
if(shoot == true){
  myBullet._y -= 10;
}else{
  myBullet._x = -100;
}
if(myBullet._y < -50){
  shoot = false;
}
}

6. Описываем поведение врагов:

if (d != d2) {
for (i=d2; i<d; i++) {
  if (_root["al"+i]) {
   _root["al"+i]._x += _root["al"+i].xSpeed*5;
   if(_root["al"+i].hitTest(myBullet)){
    _root["al"+i].removeMovieClip();
    shoot = false;
   }
   if (_root["al"+i]._x>530) {
    _root["al"+i].xSpeed = -1;
   }
   if (_root["al"+i]._x<20) {
    _root["al"+i].xSpeed = 1;
   }
   //random(200) - означает, что действие (здесь - стрельба врагов) будет выполняться
   //в среднем раз в 200 проходов (при 24fps - один раз в 8.3 секунд)
   if (random(200) == 0) {
    bullet.duplicateMovieClip("bullet"+bulletd,bulletd);
    _root["bullet"+bulletd]._x = _root["al"+i]._x;
    _root["bullet"+bulletd]._y = _root["al"+i]._y;
    _root["bullet"+bulletd].ySpeed = random(5)+3;
    bulletd++;
   }
  }
}
}

7. Описываем поведение вражеских пуль:

if (bulletd != bulletd2) {
for (i=bulletd2; i<bulletd; i++) {
  if (_root["bullet"+i]) {
   if (_root["bullet"+i]._x<0 || _root["bullet"+i]._x>550 || _root["bullet"+i]._y<0 || _root["bullet"+i]._y>400) {
    _root["bullet"+i].removeMovieClip();
   }
   _root["bullet"+i]._x += _root["bullet"+i].xSpeed;
   _root["bullet"+i]._y += _root["bullet"+i].ySpeed;
   if (_root["bullet"+i].hitTest(hero)) {
    DELETE();
    prevFrame();
   }
  }
}
}

8. Теперm нужно сделать функцию очистки, т.е. DELETE();

function DELETE () {
myBullet.removeMovieClip();
for(i=bulletd2;i<bulletd;i++){
_root["bullet"+i].removeMovieClip();
}
for(i=d2;i<d;i++){
_root["al"+i].removeMovieClip();
}
}

9. И немного оптимизации. Дело в том, что пуль будет много, и правая граница for'а будет постоянно уведичиваться. И спустя некоторое время игра начнёт сильно тормозить. Поэтому я всегда делаю проверку, и если на левой границе уже никого не осталось, то и не надо её считать :)

if (bulletd2 != bulletd && !_root["bullet"+bulletd2]) {
bulletd2++;
}
if (d2 != d && !_root["al"+d2]) {
d2++;
}

10. И последние штрихи в этом кадре: условие победы и движение главного героя.

if (Key.isDown(Key.LEFT)) {
hero._x -= 7;
}
if (Key.isDown(Key.RIGHT)) {
hero._x += 7;
}
if(d2 == d){
DELETE();
prevFrame();
}

11. Вернёмся к первому кадру: Пишем всю необходимую информацию (управление - влево, вправо, пробел. Чтобы начать игру, нажмите энтер. И пишел следующий код:
stop();

_root.onEnterFrame=function () {
if(Key.isDown(Key.ENTER)){
nextFrame();
}
}

Итак, вот полный код этой игры. Поэксперементируейте, попробуйте изменить какие-нибудь значения.

stop();
function DELETE () {
myBullet.removeMovieClip();
for(i=bulletd2;i<bulletd;i++){
  _root["bullet"+i].removeMovieClip();
}
for(i=d2;i<d;i++){
  _root["al"+i].removeMovieClip();
}
}
d = d2 = 0;
bulletd = bulletd2 = 100;
shoot = false;
for (i=0; i<10; i++) {
for (i2=0; i2<5; i2++) {
  alien.duplicateMovieClip("al"+d,d);
  _root["al"+d]._x = i*50+50;
  _root["al"+d]._y = i2*50+50;
  _root["al"+d].xSpeed = 1;
  d++;
}
}
_root.onEnterFrame = function() {
if (shoot == false && Key.isDown(Key.SPACE)) {
  shoot = true;
  myBullet._x = hero._x;
  myBullet._y = hero._y;
}
if(shoot == true){
  myBullet._y -= 10;
}else{
  myBullet._x = -100;
}
if (Key.isDown(Key.LEFT)) {
  hero._x -= 7;
}
if (Key.isDown(Key.RIGHT)) {
  hero._x += 7;
}
if(d2 == d){
  DELETE();
  prevFrame();
}
if (d != d2) {
  for (i=d2; i<d; i++) {
   if (_root["al"+i]) {
    _root["al"+i]._x += _root["al"+i].xSpeed*5;
    if(_root["al"+i].hitTest(myBullet)){
     _root["al"+i].removeMovieClip();
     shoot = false;
    }
    if (_root["al"+i]._x>530) {
     _root["al"+i].xSpeed = -1;
    }
    if (_root["al"+i]._x<20) {
     _root["al"+i].xSpeed = 1;
    }
    if (random(200) == 0) {
     bullet.duplicateMovieClip("bullet"+bulletd,bulletd);
     _root["bullet"+bulletd]._x = _root["al"+i]._x;
     _root["bullet"+bulletd]._y = _root["al"+i]._y;
     _root["bullet"+bulletd].ySpeed = random(5)+3;
     bulletd++;
    }
   }
  }
}
if (bulletd != bulletd2) {
  for (i=bulletd2; i<bulletd; i++) {
   if (_root["bullet"+i]) {
    if (_root["bullet"+i]._x<0 || _root["bullet"+i]._x>550 || _root["bullet"+i]._y<0 || _root["bullet"+i]._y>400) {
     _root["bullet"+i].removeMovieClip();
    }
    _root["bullet"+i]._x += _root["bullet"+i].xSpeed;
    _root["bullet"+i]._y += _root["bullet"+i].ySpeed;
    if (_root["bullet"+i].hitTest(hero)) {
     DELETE();
     prevFrame();
    }
   }
  }
}
if (bulletd2 != bulletd && !_root["bullet"+bulletd2]) {
  bulletd2++;
}
if (d2 != d && !_root["al"+d2]) {
  d2++;
}
};

P.s. Вообще, эту игру я делал достаточно давно. Цель моя была тогда несколько другая: написать играбельную игру как можно меньшего размера. В оригинальной игре код немного изменён (например, мувиклипы создаются когда игра уже запушена. Таким образом в библиотеке всего один мувиклип: главный герой. Это сделано из-за того, что создание мувиклипы едят много памяти). Swf файл игры весит 1,394 байт :D

Делаем игры со StencylWorks. Часть 2

2011-08-23T02:16:00.000-07:00

Вторая часть моего знакомства с StencylWorks. Первая часть здесь.
После такого хорошего начала просто обязаны были появиться недочёты. И они появились.

Первые разочарования.

Итак, я решил сделать актёру-врагу поведение.
(Здесь меня многие не поймут, поэтому поясняю: в StencylWorks всё называется по-своему. Объекты, способные хоть как-то взаимодействовать друг с другом - Актёры. (Actor) Ими являются главный герой, NPC, пули, собираемые предметы, бонусы, монеты и т. п. Поведение (behaviour) - некий скрипт, привязанный к Актёру (или нескольким), определяющий, собственно, что он (они) будут делать. Сценами (Scene) называются уровни. Также сценами могут быть главное меню, меню выбора уровня и т. д.)
Скрипт в этой программе пишется с помощью вот таких блоков:

Написание кода в StencylWorks. Кликните по изображению для увеличения.

Всё бы ничего, но у этих блоков есть огромный минус: код писать слишком долго. Посудите сами: сначала нужно вспомнить в какой категории находится нужный блок (Actor/Flow/Scene/User Input/Numbers & Text/Attributes/Sound/Messaging/Game/Drawing/Collision/Custom), затем выбрать нужную подкатегорию (например в категории Actor: Position/Motion/Properties/Draw/Tweening/Effects) и лишь потом найти среди нескольких блоков нужный. И при всём этом блоки глючат, не всегда встают куда нужно, а иногда вообще не хотят никуда вставать.

Апдейт: ещё можно кликнуть правой кнопкой мыши по любому блоку и выбрать "Add to Favourites", тем самым добавив его во вкладку "Любимые"(Favourites). Но если перетащить туда все нужные блоки, то их будет сложно искать. Если же перетащить несколько - то придётся всё время переключаться с Favourites на Palette и наоборот. "Золотая середина" - это десяток самых используемых блоков.

У такого написания кода есть альтернатива - блок "Code". В нём можно писать код вручную. Но на первое время делать этого не советую, потому что для этого нужно знать все названия и аргументы функций, созданных StencylWorks.

Блок "code".Кликните по изображению для увеличения.

Продолжение статьи здесь.

Делаем игры со StencylWorks. Часть 1

2011-08-19T05:26:00.000-07:00

Недавно на просторах Интернета появилась довольно интересная программа - StencylWorks. Так как разработкой игр я занимаюсь уже давно, меня она очень заинтересовала. В описании говорилось, что вы сможете создавать игры без знания языка программирования.

Первые впечатления.

Скачав (программа бесплатная) и установив StencylWorks, я был приятно удивлён. Приятно удивил и размер загружаемого файла - 38.2 MB. Дружелюбный интерфейс сразу же предложил пройти вводный курс и рассказать как делать игры. (Программа полностью на английском языке, что, конечно же, отпугнёт большую часть россиян) Через 20 минут я уже знал основные принципы работы программы. Интерфейс достаточно прост: я выбрал тип игры - платформер. StencelWorks сгенерировал небольшой уровень с главным героем и несколькими блоками. В главного героя сразу были встроены основные события: движение влево-вправо, прыжок, рестарт уровня при падении главного героя за пределы экрана и др. Спустя пару минут уже был готов уровень:

Интерфейс StencylWorks. Кликните по изображению для увеличения.

Большое количество разнообразных персонажей, блоков, скриптов и т. д. можно скачать и сразу внедрить в игру используя встроенный StencylForge. Что, конечно же, является огромным плюсом.

StencylForge. Кликните по изображению для увеличения.

Само создание уровня было очень простым: выбираешь нужный элемент из списка справа - рисуешь его на сцене. (Единственное что не порадовало - невозможность копирования объектов) Нажал Test Game, StencylWorks сгенерировал и скомпилировал swf-файл. И вот уже герой по имени Mambo весело прыгает и бегает по блокам. Только вот враги беспомощно стоят на месте. Непорядок! Нужно прописать им какое-нибудь "поведение". Вот тут и начались первые проблемы. Следующая часть здесь.

5 ошибок начинающих flash программистов

2011-08-19T04:46:00.000-07:00

1) Комментарии, комментарии и ещё раз комментарии! Иначе потом ничего не поймёте в своём же коде, который писали месяц назад.

2) Давайте переменным имена, отражающие их суть. Чтобы не быть голословным, приведу пример.
Сравните два фрагмента кода:

if(d)
{
b++;
}
a=b+c;

if(createNewTextField)
{
textFields++;
}
objectsTotal = textFields+buttons;

Поверьте! Время, потраченное на написание длинных имён не будет потрачено впустую! Если же он Вам так дорого, можно придумать несколько сокращений. (Например, i - целочисленная переменная, использующаяся в цикле for. TF = TextField. MC = MovieClip и т д)

3) Не забывайте про форматирование. Учитесь форматировать сразу, не пользуясь кнопкой "Auto Format". В других средах разработки такой "волшебной" кнопочки может и не быть. То же самое касается постановки ";" после каждого присваивания и вызова функции. Хоть флэш и разрешает не ставить точку с запятой, делать это всё же нужно во избежание дальнейших ошибок при переходе на другие языки программирования.

4) Флэш разрешает писать код и в кадрах, и в мувиклипах, да хоть в мувиклипах внутри других мувиклипов! Но представьте как трудно будет совмещать все эти участки кода, разбросанные по всему проекту! Поэтому рекомендую писать код в кадрах (если AS2). Максимум, что я себе позволяю написать вне кадра - это stop(); gotoAndPlay(x); AS3 в этом отношении хорош - он не позволит допустить такой ошибки.

5) Не забывайте, что флэш - объектно ориентированный язык. Возможно, создав класс, можно будет намного легче выполнить какую-либо задачу.

Какой Action Script выбрать?

2011-08-19T02:42:00.000-07:00

Всего различают три версии этого замечательного языка.

1) Action Script 1.0 – безнадёжно устарел.

2) Action Script 2.0. Самый простой язык программирования, с которым я когда-либо работал.
Сам исправляет некоторые ошибки. (например, выставляет все пропущенные «;» или разрешает использовать переменную без её объявления) Перемнные могут быть конкретного типа или нетипизированными. Это означает, что одной и той же переменной можно присваивать разные типы данных. И никакой ошибки не будет. Также имеется удобная возможность писать код в так называемых «кадрах» или в экземплярах. Это значительно упрощает задачу, но усложняет выявление логических ошибок.

3) Action Script 3.0. На данный момент это самая новая версия. Больше всего подходит для крупных, масштабных проектов. Существенно отличается от второй версии: здесь код писать можно только внутри классов. Соответственно, ни о каких скриптах в кадрах или в MovieClip’ах и речи не может быть. Ещё сделали обязательное объявление переменных. Как и в AS2 их можно объявить конкретного типа или нетипизированными.

Преимущества AS3 выявляются при создании крупных проектов с большим количеством классов и экземпляров. Это лёгкая трассировка кода и увеличенная в 2.3 раза производительность. (по сравнению с AS2)

Итак, на вопрос: что лучше? нельзя ответить однозначно. При создании презентаций, баннеров, роликов и других малогабаритных проектов лучше всего подойдёт Action Script 2.0. Но если же вы создаёте нечто большее, то выбор очевиден: AS3.

P.s.: А ещё у языков семейтсва Action Script имеется одна интересная особенность: скрипт сохраняется в кодировке Юникод. Следовательно, комментарии, названия переменных, классов, экземпляров и т. д. можно писать русскими буквами!

Правда смысла в этом мало…

Плюсы и минусы флэш сайтов.

2011-08-18T12:01:00.000-07:00

Это довольно избитая тема, но всё же: стоит ли создавать сайт на флэше или же ограничиться html/php?
Чтобы разобраться в этом вопросе, нужно выделить все плюсы и минусы флэш сайтов.
Итак, начнём с плюсов.

+ Необычный дизайн. Всем известно, что обычно страница сайта делится на две или три колонки. Здесь же ничто Вас не ограничивает - можно делать что угодно: красивая анимация переходов между страницами сайта, выдвигающееся меню при наведении мыши, куча интерактивных элементов и многое другое.
+ Автономность. То есть после того как сайт загрузился, можно смело "гулять" по нему в режиме оффлайна. А всё потому что с самого начала весь сайт загружается в оперативную память, а потом уже работает оттуда.
+ Простота среды разработки. Научиться делать сайты можно буквально за пару уроков.
Теперь минусы:
- Долгая загрузка. Она связана с тем, что сайт загружается полностью и сразу.
- Для тех, у кого нет флэш плеера, ваш сайт будет пустым окном. Но таких мало, ведь все мы смотрим видео в интернете...
- Проблемы с индексацией. Это одна из основных проблем. Индексация - сохранение всей информации на Вашем сайте поисковым роботом. Индексация очень важна, т.к. без неё сайт не будет отображаться в результатах поиска. Некоторые поисковые системы распознают и сохраняют только текст на главной странице сайта. А нет индексации - нет и посетителей.
- Ещё есть небольшая проблемка, связанная с разнообразием мониторов. Если обычный сайт ещё можно как-то оптимизировать под любой экран, то с флэшем всё намного сложнее. Дело в том, что флэш сайт загружается в окошке, размер которого нужно указать до публикации сайта.

К сожалению, минусов получается больше и они более существенны. Но всё в Ваших руках. Может быть именно Вам удастся создать отличный флэш сайт?

Flash игры

2011-08-18T10:49:00.000-07:00

Flash игры. Все мы хоть раз в них играли. Здесь я расскажу о них немного поподробнее. Flash возник благодаря американской компании Macromedia ещё в далёком 1996 году. Затем , в 2005-ом, этот проект купила Adobe. Всё это время, и по сей день, флэш активно развивался. Появлялись новые версии, усложнялся Action Script (язык программирования).
Сейчас Флэш используется почти на каждом сайте. В виде баннеров,видео (почти все видео плееры в интернете сделаны на флэше*), и, конечно же, игр.

Флэш игры, хоть и не обладают возможностями игр более высокого уровня, пользуются большой популярностью. Эта популярность обусловлена некоторыми преимуществами. Во-первых, практически все флэш игры бесплатные. Во-вторых, они не занимают много времени. В-третьих, их намного легче создавать.
Лично я считаю, что идеальная игра не должна "затягивать" человека на огромный промежуток времени. (как это делают все ММОРПГ) Она не должна бытьслишком трудной, иначе удовольствие от неё пропадает. И, наконец, она должна быть забавной и интересной. Многие Флэш игры соответствуют всем этим требованиям.
Итак, флэш игры отлично подходят для убийства 15-20 минут с целью поднятия настроения. Плюсы и минусы:
+ Их легко создавать
+ Они бесплатные
+ Также нужно не забывать про их малый размер
+ Присутствие юмора
+ 99% из них легко освоить
- Простота
- Ограниченный функционал**

* да-да, плеер ютуба тоже сделан на флэше
** например, нельзя назначить какое-либо действие на правую кнопку мыши, потому что при её нажатии вылезает Адобовское контекстное меню

Юмор в играх

2011-08-18T09:49:00.000-07:00

В последнее время я стал часто замечать в играх тег "funny". И такие игры зачастую становятся популярными! За примером далеко ходить не надо - возьмём, например,
Another Pointless Flash Button Game Derived From Other Pointless Flash Button Games Inspired For No Absolute Reason Featuring a Random Button That Asks You Random Pointless Objects and Challenges You (Yes you.) To Complete This Super Long Game If You Can. (примерный перевод - Ещё Одна Бессмысленная Флэш Кнопочная Игра Производная От Других Бесполезных Флэш Кнопочных Вдохновлённая Без Причины Благодаря Случайной Кнопке Которая Задаёт Вам Случайные Бессмысленные Вопросы И Бросает Вызов Вам (да, Вам.) Чтобы Вы Прошли Эту Очень Долгую Игру Если Сможете). Название, конечно, сразу наводит на мысль: здесь что-то не так :) На самом деле это пародия на сотни "Кнопочных" игр, выходящих с завидной регулярностью. Весь смысл таких игр заключается в нажимании одной единственной кнопки. При этом на экране появляется какой-нибудь текст. Кнопка "разговаривает" с Вами на разные темы. Вот и здесь - вам нужно всего лишь нажать на эту кнопку 1338 раз, и если хватит терпения и знания английского языка, прочитать все что она скажет. Да и сделать такое может каждый. И такая игра набрала 50 тысяч просмотров и довольно высокую оценку. Почему? Потому что она сделана с юмором.

Также хотелось бы добавить, что игры изначально придуманы для того, чтобы доставить игроку удовольствие. Один из выходов - сделать их несложными. Иногда в них даже и проиграть-то нельзя. Вспомнить хотя бы нашумевшую игру You Have To Burn The Rope (Тебе Нужно Сжечь Верёвку), набравшую 2.3 миллиона игр.(!) В описании говорится: "Компьютерные игры становятся всё сложнее и сложнее..." И You Have To Burn The Rope действительно проходится за 2 минуты. Плюс в конце бонус, ради которого стоит пройти эту игру:)

Итак, немного юмора никогда не помешают игре, даже если это просто надпись "the end is a lie". Не зря на соревнованиях по разработке игр (например Ludum Dare Competition - соревнование, где на всё вам даётся 48 часа) одним из критериев их оценки является "Юмор".