Архив Галактики

MIT App Inventor: анимируем изображение

marina.livenets's blog / 30.01.2016

Первые занятия с ребятами при программировании мобильных приложений имеют весьма характерные черты. Они бегают за тобой хвостиками и предлагают идеи для игр, которые они будут создавать. Мотив - железный. Выучишь основы и у тебя получится своя может и простая, но собственная игра. Однако все мячики и шарики, рыбки и слоники , используемые для анимации, статичные. Вставить в спрайт анимированное изображение пока нельзя. На деле же задача решается очень просто: анимацию изображения можно сделать с помощью кадров, как это происходит в Scratch или любом GIF-аниматоре или онлайн. (Пост Александра Баданова "GIF- анимация онлайн".) По сути, мы создаем GIF анимацию в среде MIT App Inventor.

Результат будет выглядеть примерно так:



Алгоритм решения задачи может быть следующим:

1. Подобрать набор спрайтов изображений которые вы хотите оживить, например Буратино прыгает



или идет



2. Переходим в среду MIT App Inventor и создаем новый проект.

3. В приложении используем два компонента Изображение и Часы. Загружаем все изображения, которые нам необходимы для создания покадровой анимации.



4. Переходим в режим Блоки и создаем программный код следующего вида.



NB. Имена файлов лучше сделать цифровыми величинами, и расширение файла используется в соответствии с выбранными изображениями.

Файлы для примеров можно скачать здесь:  Spites.zip ( 348.3 килобайт ) Кол-во скачиваний: 178

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