Все мы любим играть в игры. И наверняка многие из нас хотели бы их создавать. Сегодня мы сделаем очень простую флэш-игрушку. Постараемся уложиться в полчаса…
1. Идея.
Пусть это будет игра типа «найди и нажми». Перед нами поле (пусть оно будет в виде компьютерного стола), где прячутся хабрики — цель нашей охоты. Хабрики будут появляться в разных местах и снова прятаться. Игрок должен успеть кликнуть по хабрику, пока тот не спрятался снова. Хабраохота длится всего 30 секунд, после чего игроку предоставляется отчет о том, сколько хабриков он поймал. Приступим к реализации.
2. Графика.
В игре будет 3 кадра. На первом — описание игры и кнопка запуска, на втором будет происходить сам игровой процесс и на третьем — подводиться итоги игры.
Для начала нарисуем игровое поле — предусмотрите места, откуда будут вылазить хабрики. Если вы нарисуете свое рабочее место, играть будет интересней :)
Теперь будем рисовать самих хабриков. Честно говоря, я не знаю как они выглядят. =) Я нарисовал такого хабрика.
Следующий шаг — анимация хабрика. Создаем новый клип, в котором будет наш хабрик. Сделаем простую анимацию (MotionTween) и добавим маску — получится, что хабрик будет постепенно появляться снизу. В отдельном слое добавим клип прозрачный hitzone — это будет зона, по которой должен кликнуть игрок, чтобы поймать хабрика. В первый кадр клипа с хабриком запишите stop(); — чтобы клип не проигрывался раньше времени.
Теперь остается расположить хабриков по сцене и дать имена их клипам. Назовите их habr1, habr2 и habr3 — это будет использоваться в скрипте.
3. Кодинг
Пожалуй, самого кода я здесь приводить не буду. Весь код занимает всего 60 строчек вместе с комментариями и вы можете свободно просмотреть его в исходнике. Я просто опишу логику. У нас есть функция для показа хабриков, которая вызывается раз в 300 миллисекунд. Еще есть код, который обрабатывает нажатия левой кнопки мыши и проверяет поймал игрок хабрика или промахнулся. Последняя функция — таймер. Она отсчитывает время и если оно закончилось, завершает игру. На последнем экране происходит подсчет и вывод статистики по игре.
Вот и все. Удачной вам хабраохоты!
Такой у меня получился дебют на Хабрахабре. Конечно, эта статья не может претендовать на звание полного руководства, но прочитав ее можно понять основные принципы по которым устроена эта игра и сделать свою версию (добавить или убрать хабриков, изменить игровое поле и т.д.) на основе исходника даже меньше, чем за полчаса!
Жду комментариев и велкам в мой блог!
Исходник и игру можно взять здесь.
1. Идея.
Пусть это будет игра типа «найди и нажми». Перед нами поле (пусть оно будет в виде компьютерного стола), где прячутся хабрики — цель нашей охоты. Хабрики будут появляться в разных местах и снова прятаться. Игрок должен успеть кликнуть по хабрику, пока тот не спрятался снова. Хабраохота длится всего 30 секунд, после чего игроку предоставляется отчет о том, сколько хабриков он поймал. Приступим к реализации.
2. Графика.
В игре будет 3 кадра. На первом — описание игры и кнопка запуска, на втором будет происходить сам игровой процесс и на третьем — подводиться итоги игры.
Для начала нарисуем игровое поле — предусмотрите места, откуда будут вылазить хабрики. Если вы нарисуете свое рабочее место, играть будет интересней :)
Теперь будем рисовать самих хабриков. Честно говоря, я не знаю как они выглядят. =) Я нарисовал такого хабрика.
Следующий шаг — анимация хабрика. Создаем новый клип, в котором будет наш хабрик. Сделаем простую анимацию (MotionTween) и добавим маску — получится, что хабрик будет постепенно появляться снизу. В отдельном слое добавим клип прозрачный hitzone — это будет зона, по которой должен кликнуть игрок, чтобы поймать хабрика. В первый кадр клипа с хабриком запишите stop(); — чтобы клип не проигрывался раньше времени.
Теперь остается расположить хабриков по сцене и дать имена их клипам. Назовите их habr1, habr2 и habr3 — это будет использоваться в скрипте.
3. Кодинг
Пожалуй, самого кода я здесь приводить не буду. Весь код занимает всего 60 строчек вместе с комментариями и вы можете свободно просмотреть его в исходнике. Я просто опишу логику. У нас есть функция для показа хабриков, которая вызывается раз в 300 миллисекунд. Еще есть код, который обрабатывает нажатия левой кнопки мыши и проверяет поймал игрок хабрика или промахнулся. Последняя функция — таймер. Она отсчитывает время и если оно закончилось, завершает игру. На последнем экране происходит подсчет и вывод статистики по игре.
Вот и все. Удачной вам хабраохоты!
Такой у меня получился дебют на Хабрахабре. Конечно, эта статья не может претендовать на звание полного руководства, но прочитав ее можно понять основные принципы по которым устроена эта игра и сделать свою версию (добавить или убрать хабриков, изменить игровое поле и т.д.) на основе исходника даже меньше, чем за полчаса!
Жду комментариев и велкам в мой блог!
Исходник и игру можно взять здесь.
