Создать несколько дизайн анимаций рисованного кота

Цель - на основе статических картинок кота-единорога - сделать 2 задачи

1 Несколько изменить его цвет - изменить цвет кота и рога

2 Нарисовать анимацию к коту. Цель добавление анимированного кота на веб учебном веб сайте

Анимированный кот соответствует определенному действию на сайте.

У каждого кота своя цель: вызвать нужную эмоцию

Кот 1: мордаха выглядывает из правого нижнего угла сайта

Цель: вызвать эмоцию недоумения. Ребенок думает может мне показалось?

Кот 2: кот идет внизу экрана, как будто его никто не видит. через N сек, кот останавливается счастливое выражение лица и машет лапкой.

Цель: вызвать эмоцию восхищения. WOW! Мама, смотри не показалось, папа, глянь. при повторном входе - вызвать улыбку у ребенка

Кот 3: сидит попой к родителю, голова запрокинута чуть назад( нужно показать что он тоже читает вместе с родителем дневник успеха ребенка) но нужно учесть единорог на его голове - возможно расположить кота в положении вид сбоку. Акцент должен быть на пушистую толстую попу кота. Кот виляет хвостом туда сюда , через N сек оглядывается и показывает родителю лайк

Цель: вызвать эмоцию сопричастности к результату ребенка . Родитель заинтересован - кот ставит ему лайк. Молодец!

Коты 4. 5. 6

Активизируются: когда ребенок что то сделла

Цель: поблагодарить ребенка за работу и вдохновить на выполнение домашки в последующем.

кот 4: стоит на 2 задних лапах и бьет по экрану передними лапками в разные стороны как бы потягиваясь

кот 5: стоит на 2 задних лапах и передними делает сердечко а губами шлет поцелуй

кот 6: стоит на задних лапах и дает высоко пятюню одной передней лапой