Фрилансеры предложат решение вашей задачи уже через несколько минут!
Публикация заказа не займет много времени.
Игорь Г.
Игорь Г. 
36 лет, Украина
7 лет в сервисе
Был онлайн 14 дней назад

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

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

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

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

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

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