Size: a a a

Фреймер-чат

2017 December 07

RK

Roma Klyukin in Фреймер-чат
Sergey Nikishkin
holder[i].states =
    stateName:
         backgroundColor: "red"
ага, то есть для группы стейтов объявляется имя. А как запустить анимацию stateSwitch?
источник

SN

Sergey Nikishkin in Фреймер-чат
slide.animate("stateName")
источник

RK

Roma Klyukin in Фреймер-чат
да, я разбирал твой код. вот этот кусок запускает переключение на stateName. stateSwitch не прокатит тут использовать?
источник

SN

Sergey Nikishkin in Фреймер-чат
ты в любом случае будешь объявлять имя стейта. Либо для группы

layer.states =
    stateName:
         opacity: 0

либо для единичного случая

layer.states.stateName =
     opacity: 0
источник

SN

Sergey Nikishkin in Фреймер-чат
stateSwitch переключает стейты без анимации
источник

SN

Sergey Nikishkin in Фреймер-чат
чтобы StateSwitch заработал, в скобках допиши имя стейта
источник

SN

Sergey Nikishkin in Фреймер-чат
stateSwitch("stateName")
источник

RK

Roma Klyukin in Фреймер-чат
Sergey Nikishkin
stateSwitch переключает стейты без анимации
Я понял в чем мой косяк. Надо использовать stateCycle(). Спасибо тебе.
источник

SN

Sergey Nikishkin in Фреймер-чат
да не за что.
источник

RK

Roma Klyukin in Фреймер-чат
источник

RK

Roma Klyukin in Фреймер-чат
А что надо знать про анимацию в массиве еще? Вот тут не могу понять почему так странно rotationY исполняется.
источник

СО

Саша Окунев in Фреймер-чат
Roma Klyukin
А что надо знать про анимацию в массиве еще? Вот тут не могу понять почему так странно rotationY исполняется.
Вопрос не про массив, а про rotationY. В Фреймере есть не только оси x и y, но и z.

Z – глубина слоя, которая изначально равна нулю. А значит, весь макет плоский и при переворачивании слой проваливаются в фон словно в молоко. Ты можешь отдалить слой от фона, задав z.

z: img.width / 2


В этом случае он перестанет проваливаться и ты будешь видеть оборотную сторону слоя. Однако, чем ближе объект, тем он визуально больше и более искажён. Поэтому он будет сдвинут из-за перспективы и больше в размерах. Это надо компенсировать, двигая x и y.

Смотри пример: framer.cloud/tYDfS
источник

СО

Саша Окунев in Фреймер-чат
источник

RK

Roma Klyukin in Фреймер-чат
Ааа, то есть дело в том, что блоки проваливаются в backgroundLayer. Отдалил его z: -50. Спасибо!
источник

SN

Sergey Nikishkin in Фреймер-чат
Кстати, если вы часто готовите гифки для дрибла и не пользуетесь GifGun, у меня есть неплохое решение, как это делать через терминал. Результат в большинстве случаев лучше чем у ezgif, gifox, gifrocket и прочих.
источник

AL

Anton Lapko in Фреймер-чат
Мне интересно, как через терминал делать?
источник

AL

Anton Lapko in Фреймер-чат
И у меня вопрос
источник

SN

Sergey Nikishkin in Фреймер-чат
источник

RK

Roma Klyukin in Фреймер-чат
https://framer.cloud/cVSUW смешную анимацию жалюзи получилось сделать. осталось добиться чтобы в обе стороны одинаковая анимация была
источник

SN

Sergey Nikishkin in Фреймер-чат
Если оформишь шот на дрибббл, 5 лайков мои в качестве процента.
источник