js, css - анимация
Нужны руководства/книги/учебники/статьи по теме.
|
torsar,
в учебнике всё есть |
Нужно сделать анимированное меню с шариками.
Как здесь: http://79.110.52.43/ На ванилла js. Сторонние либы и фреймворки использовать нельзя. Только базовый jquery. Я посмотрел, там сделано на canvas. Нужны руководства/книги/учебники/статьи по теме. Как делать анимашки на canvas? |
Цитата:
https://developer.mozilla.org/ru/doc...sic_animations https://medium.com/dailyjs/how-to-ge...t-cb2ccf37515c http://www.html5canvastutorials.com/...ouncing-balls/ |
Как задавать траекторию движения шариков?
Математическая функция? Кривые Безье подойдут? |
|
Как рассчитывать траекторию движения шариков сразу после
загрузки web-странички? Как рассчитывать траекторию и поведение шариков при их перетаскивании мышкой? Как рассчитывать траекторию и поведение шариков при клике на шарике и раскрытии подменю? Как реализовать эффект мыльных пузырей? |
>> Как реализовать эффект мыльных пузырей?
Триангуляция центров фигур затем простое суммирование всех векторов (прилежащих граней). Получившийся вектор умноженный на скаляр -0.1 и будет направлением для перемещения фигуры. Такой простой алгоритм приводит длинны всех прилежащих граней и как следствие всех граней к одному и тому же значению. Что в свою очередь приводит к равноудаленному распределению фигур. При раскрытии меню просто одна точка разбивается на несколько и этот же алгоритм заново равномерно распределяет все фигуры на плоскости. |
MallSerg,
:lol: эх, как лихо, ни фига в этом не понимаю))) |
MallSerg,
Спасибо за дельный совет. :) Может в нете есть примеры, как сделать? |
| Часовой пояс GMT +3, время: 16:11. |