Create an animation on canvas for the main page

Необходимо разработать анимацию на canvas на 4 слайда.

Техника анимации: На темном фоне должен располагаться текст, состоящий из точек. Когда пользователь наводит мышкой на любой фрагмента текста, будь то буква или ее часть, текст должен рассыпаться. Помимо этого, на заднем фоне должны плавно левитировать точки, которые должны ускоряться при наведении на них мышкой.

Пример реализованных проектов:
yalantis.com/ (наведите на любую часть буквы Y)
run4tiger.com/ (дождитесь окончания загрузки прелоадера, после чего наведите на любую часть любой буквы слова Амурские тигры...).

Общее видение картины имеется:
prntscr.com/jhozqi – первый слайд.
prntscr.com/jhp0cv – второй слайд
prntscr.com/jhp0nc – третий слайд
prntscr.com/jhp0wu – четвертый слайд

Переключения между слайдами должны осуществляться плавно, с помощью скролла мышки вниз/вверх, при этом слова с предыдущего слайда должны рассыпаться, а слова с нового слайда должны собираться.
На фоне есть маленькие летающие точки, при наведении на них мышкой, они должны разлетаться в разные стороны.

Помимо корректного отображения на десктопной версии, необходимо:
1. чтобы при мобильном разрешении, фон и текст адаптировались, но сам текст должен быть читабельным при мобильном разрешении и иметь небольшие отступы слева и справа от границ дисплея мобильного телефона;
2. чтобы фон анимации не повторялся по вертикали при адаптации, а перестраивался, при этом фон должен всегда "доставать" до верхней части экрана, а не сжиматься, чтобы на его месте не появлялось черного квадрата;
3. фон должен перестраиваться по-вертикали и по-горизонтали, а не сжиматься или повторяться;
4. на мобильном разрешении слайды должны быть заскриптованы: слова должны разлетаться и собираться по очереди, с задержкой в 2-3 секунды.