WebDix
Это веб-диз, детка!Выпуск #8 | 11 сентября 2006
Введение
Веб-дизайн
Раскрутка
Веб-заработок
Программирование
Photoshop CS
Flash
RusForumz
Новости
Интересности
Быстрый переход
WebDix › Выпуск #8 › Flash

Делаем игру "Куклы"

Автор: Nikitar
http://rusforumz.com

Не так давно на форуме меня попросили объяснить как делать игру "куклы". Что это такое? Вкратце, вот есть сайт http://stardoll.com/, который собственно и представляет эту игру. Игра простая. Есть раздетая фигурка человека, а рядом одежда, и надо просто перетащить одежду на человека. Просто, но аудитория у этой игры большая. В основном, конечно, женского пола. Девочки, девушки, жёны, матери, бабушки и прабабушки. Все играют в эту игру. И мы сегодня попробуем сделать нечто похожее. Чем эта игра меня ещё поразила - хорошей графикой. Поэтому всю графику мы будем брать оттуда :) Ну, это так для примера, а не для коммерческой деятельности.

1. Открываем сайт stardoll.com открываем то, с чего будем копировать, то есть какого-нибудь героя. Например, я открыл Шакиру. Вот Шакиру мы и будем сейчас делать. Вернее, всю графику возьмём с сайта, а игру сделаем сами.

2. Открыли и жмём Print Screen (на клавиатуре)



3. Открываем Photoshop. В фотошопе. File (Файл) - New (Новый), затем Редактировать - Вставить (Edit-Paste) и вырезаем только человека самого инструментом выделение.



4. Вырезали, скопировали и в новый файл его. Затем сохраняем в отдельную папочку в формате jpeg.

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

6. Вырезаем одежду и в новый файл, там создаём новый слой и опускаем его под слой с одеждой, на слое с одеждой применяем Magic Wand Tool(волшебную палочку) и выделяем белый фон. Выделили и удалили. Теперь одежда на прозрачном фоне. Сохраняем в формате png-24 (Save for Web - png-24), и не забудем поставить галочку на transparancy (прозрачность).



7. Повторить всё также с остальной одеждой. 8. Открываем flash и создаём новый документ с размерами (ну чем больше тем лучше всё-таки) сделаем пока 500*600. 9. Файл - Импорт (File - Import - Import to stage). И импортируем всю графику что сделали для игры (то есть человека и одежду). 10. Выделяем каждую картинку и жмём F8, в открывшемся окне выбираем Movieclip (видеоклип) и ОК.



11. Так делаем со всей одеждой, человека не трогаем. 12. Выделите всю одежду и человека тоже и выберите правая кнопка мыши - Distibute to layers (распределить по слоям), теперь они у вас на разных слоях. 13. Выделите отдельно какую-нибудь вещь и введите внизу в instance name c1, потому другую - с2, и так всю одежду, человека не надо.



14. Посмотрите на таймлайн (timeline) и увидете много разных слоёв, на самом верхнем слое пустой кадр, выделите его, открой панель actions (действия), которая находится внизу и введите следующий код.

ActionScriptCode

total=5
for(i=1;i<=total;i++){
_root["c"+i].onPress=function(){
this.startDrag();
}
_root["c"+i].onRelease=function(){
this.stopDrag();
}
}

Вместо 5 введите общее количество одежды. которое у вас. И всё жмите ctrl+enter. Всё должно получится. Как получится, так я научу исправлять баги, потому что сейчас надо основу сделать, а потом уже всё остальное.

Так как место в журнале не безграничное, а тема игры этой в принципе достаточно большая. Там много чего ещё можно добавлять и исправлять. Поэтому всем кому интересно, что нужно делать дальше (хотя сейчас игра уже работает), можете посетить вот эту ссылку http://rusforumz.com/index.php?showtopic=5831, где я всё подробно объясняю. Так же если непонятно что-то можете задать вопрос мне, предварительно зарегистрировавшись.


« КанатСодержаниеПрограммная раскраска мувиклипов »
Выпуск подготовили: Exact, Nikitar, Psi, Alisha |  Copyright RusForumz.com 2006
Перепечатка материалов возможна только с письменного разрешения администрации
Журнал WebDix («Это веб-диз, детка!»), 2006-2008.
Сайт журнала: webdix.ru · форум: rusforumz.com
Об архиве
Рейтинг Old-Web