Профиль пользователя заблокирован сроком с 29 августа 2016 г. и навсегда по причине: Снова мат
Ответы пользователя по тегу CSS
  • Как сделать эффект соединения кусочков изображения в одно целое?

    copal
    @copal
    𝄞 ...оооо baby
    Теоретически это должно выглядеть примерно так -
    1) отталкиваясь от размеров экрана создать нужное количество квадратиков.
    2) учитывая размеры квадратиков рассчитать для каждого координаты на плоскости и сохранить их.
    3) каждому квадратику расчитать рандомное положение на плоскости ( x, y, rotation ).
    4) задать квадратикам рандомные координаты и сохранить.
    5) подписаться на событие прокрутки колеса мыши и рассчитать сколько "анимационного времени" должно пройти за определенное значение дельты.
    5) задать анимацию движения от "текущего положения" к "положению рассчитанному на шаге 2.
    6) начать крутить колесиком и смотреть, как из рандомных координат картинка начинает собираться.
    7) после того, как она соберётся установить интервал для прокрутки колеса мыши, например в пол прокрутки, чтобы анимация не реагировала.
    8) после того, как будет преодолен установленный на предыдущем шаге интервал, начать анимацию приводящую сложенною картинку, обратно к рандомным координатам.

    Приблизительно вот так. Но Вы сделайте сначала один квадратик и приладьте к нему анимацию, чтобы он туда-сюда собирался. Потом увеличьте до двух, трех и так далее.
    Ответ написан
    Комментировать