кода (таблица с изображениями в правой части). Скрипты левой и правой части отличаются логикой приостановки кода. В левой части остановка осуществляется по команде <break>, в правой – использются логические операторы True и False. Обе части для остановки используют функцию onclick(), которая позволяет управлят движением на экране по щелчку мыши.
Простейшая пиксель анимация
Пиксельная графика – это форма цифровой графики, в которой с помощью программного обеспечения, изображения создаются с помощью пикселей. Пиксель это маленький квадратик на экране компьютера, который можно закрашивать тем или иным цветом. Когда маленькие разноцветные квадратики (пиксели) собраны вместе, они образуют изображение для человеческого глаза. Таким образом можно сформировать разнообразные изображения, например, изображения животных или человека. Собрав из пикселей изображение и используя компьютерную программу, можно создать анимацию, т. е. заставить изображение передвигаться, изменять выражение лица, увеличивать или уменьшать изображение в размерах и т. д. В этом разделе мы познакомимся, как с помощью простых команд Питона и черепашьей графики создать анимацию пиксельных изображений. Наш первый пример – создаем простейшее изображение, показанное ниже (слева)
Соответствующая программа представлена в таблице 7.
Поясним коротко алгоритм работы программы. На первом шаге создаем, пиксель на экране монитора в виде квадрата, который имеется в черепашьей библиотеке (коды между строками 1 и 2). Размер квадрата задан переменной delta. Изменяя ее, можно увеличивать либо уменьшать размеры всего изображения. Расстановка пикселей на экране задается строками программы, расположенными между линиями 3 и 4. Эти строки описывают одномерные списки row0, row1, row2,…row7, и каждый из этих списков является элементом двумерного списка Pixels=[row0,row1,row2,…row7] (списки в списке), на английском(list). Строки между линиями 6 и 7 определяют функцию, которая расставляет пиксели в соответствии с картой двумерного массива-списка. Обратим внимание на строку, обозначенную *. Эта строка служит для раскрашивания пикселя с координатой в ряду по номеру i и координатой в столбце по номеру j. В нашей мозаике цветов всего два цвета: зеленый и черный, как задано кодом строки 5: цифра 0 соответствует зеленому цвету, цифра 1-черному цвету. Если в строке, обозначенной * убрать слово grey, исчезнет окоймляющий пиксель ободок серого цвета.
Таблица 7
К показанному выше коду добавим следующие строки:
Таблица 8
В результате получим изображение, которое появляется и исчезает в различных точках экрана. Место расположение изображения задается датчиком случайных чисел, определяемых строкой, обозначенной двумя звездочками **. Для того, чтобы воспользоваться датчиком случайных чисел, мы импортировали библиотеку random.
Анимация собаки в стиле пиксель-арт
Приведем еще один промер анимационного изображения построенного с помощью базового примитива черепашьей графики. Используем примитив
