Меню выбора уровня в игре (Android)

Android*

Подскажите, как сделать модное меню выбора уровня в игре, как например в Angry Birds или Blast Monkey (и чтобы там поддерживался скорллинг пальцами с плавными движениями).

Я делаю игру, используя libgdx, и это нужно в ручную реализовывать или можно с помощью встроенных компонентов интерфейса Android?

Вот как оно должно выглядеть:

—

19 февраля в 00:11

KvanTTT 12,1

отсортировано по дате по оценке
ответы (3)

Zeldan 19 февраля в 00:46 #

решение

Кастомизированный HorizontalScrollView, например, куда запихиваете свои кастомные кнопки(со всеми скоре, поинтами и другой ерундой), по нажатию уже грузится непосредственно libgdx уровень, делать как часть libgdx активити не советую.

Получится непереносимо под другие платформы. libgdx тем и хорош, что можно с ним писать одновременно под Android, Windows и Linux. ertaquo, 19 февраля в 11:51

Да, libgdx конечно большой плюс, но боюсь потребуется много усилий, чтобы это все реализовать.
А ты, ertaquo, решил эту проблему в libgdx или не потребовалось? ) KvanTTT, 19 февраля в 13:31

Мне пока что не потребовалось, но скоро надо будет :-) ertaquo, 19 февраля в 17:32

ertaquo, вы писали игры под Android, которые потом игрались на Windows и Linux? Заставка это не так тяжело в плане переносимости, вопрос зачем это делать уже, если непонятно как на одной платформе пойдет. Кроссплатформенность это хорошо, но поведение в системах Android Windows кардинально отличается, начиная от размеров экрана и заканчивая интерфейсом управления в игре Zeldan, 19 февраля в 17:41

Сейчас пишу одну такую. Подобные кроссплатформенные фреймворки (SDL, libgdx и прочие) как раз нужны для того, чтобы вести себя одинаково на разных платформах. Да и зачем мудрить с кучей Activity, когда это делается довольно легко средствами libgdx (к которому все равно все сводится в конечном итоге)? ertaquo, 19 февраля в 18:14

ertaquo 19 февраля в 16:45 #

решение

Если вы делаете не при помощи Stage и Actor'ов, рекомендую перейти на них.
Делается это так. Создается несколько Actor'ов, по одному на каждый уровень. В Stage задаются две переменные типа float, например prevLevel и currLevel. Они влияют на отрисовку уровней-Actor'ов: каждая единица означает смещение по оси X на некое расстояние (если брать скрин из Angry Birds, то это будет отрезок между правыми краями двух уровней). Если пользователь проводит пальцем линию, то надо запомнить при нажатии prevLevel, а currLevel изменить на (длина между точками нажатия) / (расстояние между краями). После отпускания пальца надо изменять currLevel в противоположную от prevLevel сторону, к ближайшему целому числу (таким образом создавая анимацию). Если длина отрезка между нажатием и отпусканием пальца слишком маленькая, то надо реагировать в зависимости от того, где произошло нажатие: если в центре, запускаем уровень, если по бокам — меняем currLevel.
Не слишком понятно, но как объяснить понятнее — не знаю.

KvanTTT 23 февраля в 01:47 #

решение

Может кому-нибудь будет полезно:

В самой последней (разрабатываемой) версии libgdx появился компонент FlickScrollPane, который частично позволяет реализовать функциональность выбора уровня.

Только зарегистрированные пользователи могут оставлять комментарии. Войдите, пожалуйста.

html-теги

Теги Хабрахабра

<habracut>: Используется только в текстах постов, скрывает под кат часть текста, следующую за тегом (будет написано «Читать дальше»).

<habracut text="Подробности" />: Так можно превратить надпись «Читать дальше» в любой текст.

<source lang="Язык"></source>: Подсвечивает исходный код (на выбор: Bash, C#, C++, CSS, Diff, HTML, XML, Ini, Java, JavaScript, PHP, Perl, Python, Ruby, SQL, 1C, AVR Assembler, ActionScript, Apache, Axapta, CMake, CoffeeScript, DOS, .bat, Delphi, Django, Erlang, Erlang REPL, Go, Haskell, Lisp, Lua, MEL, Markdown, Matlab, Nginx, Objective C, Parser3, Python profile, RenderMan, Rust, Scala, Smalltalk, TeX, VBScript, VHDL, Vala ).

<video>http://...</video>: Добавляет в пост видео со следующих хостингов: YouTube, RuTube, Google video, Vimeo, Я.Видео и Видео@Mail.ru
Вставляйте между тегами только прямую ссылку на видеоролик.

<slideshow>http://...</slideshow>: Вставка интерактивного слайд-шоу. Пока поддерживается только сервис Slideshare.net.

<hh user="Ник" />: Выводит имя хабрапользователя посреди текста, обратный слеш (/) в конце тега обязателен.

Стандартные

<h1></h1> ... <h6></h6>: Заголовки разного уровня.

<img src="" />: Вставка изображения, в атрибуте src нужно указывать полный путь к изображению. Возможно выравнивание картинки атрибутом align.

<a href="http://...">Ссылка</a>: Вставка ссылки, в атрибуте href указывается желаемый интернет-адрес или якорь (anchor) для навигации по странице.

<anchor>Example1</anchor>: Тег для указания якоря. Для вызова используйте тег вставки ссылок (<a href="#Example1">Текст</a>).

<b></b> <strong></strong>: Выделение важного текста, на странице выделяется жирным начертанием.

<i></i> <em></em>: Выделение важного текста, на странице выделяется курсивом.

<s></s> <strike></strike>: Текст между этими тегами будет отображаться как зачеркнутый.

<u></u>: Текст между этими тегами будет отображаться как подчеркнутый.

<hr />: Тег для вставки горизонтальной линии.

<blockquote></blockquote>: Используйте этот тег для выделения цитат.

<table></table> <th></th> <td></td> <tr></tr>: Набор тегов для создания таблицы. Тег <td> обозначает ячейку таблицы, тег <th> - ячейку в заголовке, <tr> - строчку таблицы. Все содержимое таблицы помещайте в тег <table>.

<sup></sup> <sub></sub>: Текст, заключенный в тег <sup> отображается в виде верхнего индекса, <sub> - в виде нижнего.

<abbr title="" ></abbr> <acronym title="" ></acronym>: Тегом <abbr> выделяется аббревиатура, в атрибуте title указывайте её расшифровку. Используйте тег <acronym> для устоявшихся аббревиатур.

<pre></pre>: Текст в теге <pre> не форматируется автоматически.

<nobr></nobr> <br clear="all|left||right" />: Текст, помещенный в тег <nobr>, не переносится на странице; для принудительного переноса текста используйте тег <br />; для аккуратного выравнивания изображений используйте атрибут clear="all|left||right" в теге <br />.