По договоренности
У нас есть сайт, на котором пользователь может сгенерировать изображение с помощью ИИ по текстовому описанию. Во время генерации изображения на его месте показывается стандартный крутящийся индикатор загрузки.
Проблема в том, что генерация может занимать 15-30 секунд. Наблюдение за скучным индикатором утомляет пользователя.
Вместо стандартного крутящегося индикатора нужно реализовать анимированный элемент, на котором будут хаотично мерцать квадратики-«пиксели», которые как бы «пытаются» сформировать изображение. Когда готовое изображение загружается в браузер, анимация плавно исчезает.
Реализация должна быть на canvas в виде универсального плагина или компонента ReactJS. Размер изображения 512x512 px, но скрипт должен работать с любыми размерами и отслеживать изменение размеров контейнера.