RK
Если добавить delay в Animation Object, то анимируются столбцами. Есть идеи как по одной точке заставить двигаться?
Size: a a a
2017 December 11
SN
time в options добавь
SN
что-то типа time: 0.3 * i
SN
цикл будет анимировать каждую точку с задержкой в 0.3
SN
кроме первой.
RK
time в options добавь
не помогло, я проапдейтил прототип, чтобы можно было понять в чем проблема. анимируются столбцы https://framer.cloud/DdVIA
RK
подозреваю, что я в каком-то моменте не понимаю как работают вложенные циклы
SN
тебе надо каждую точку отдельно анимировать?
RK
тебе надо каждую точку отдельно анимировать?
Да, хочу понять как это делать
SN
нужно колонки считать иначе.
SN
вернее, не нужно считать колонки. Нужно считать точки.
SN
самый доступный пример - взять в компонентах scroll grid и посмотреть, как там сетка считается
RK
самый доступный пример - взять в компонентах scroll grid и посмотреть, как там сетка считается
Ох, звучит сложно. Но попробую разобраться, спасибо
СО
не помогло, я проапдейтил прототип, чтобы можно было понять в чем проблема. анимируются столбцы https://framer.cloud/DdVIA
🙈 моги глазааааа
СО
Допустим, есть массив dots, в котором хранятся слои точек.
Создай массив, в котором храни значение дилея. Пример:
Если точки четыре:
Дальше используй эти значения в другом цикле.
Создай массив, в котором храни значение дилея. Пример:
delayArray = [ ]
Если точки четыре:
for i in [0..3]
delayValue = 0.3 * i
delayArray.push(delayValue)
Дальше используй эти значения в другом цикле.
for i in [0..3]
dots[i].animate
time: delayArray[i]
RK
Допустим, есть массив dots, в котором хранятся слои точек.
Создай массив, в котором храни значение дилея. Пример:
Если точки четыре:
Дальше используй эти значения в другом цикле.
Создай массив, в котором храни значение дилея. Пример:
delayArray = [ ]
Если точки четыре:
for i in [0..3]
delayValue = 0.3 * i
delayArray.push(delayValue)
Дальше используй эти значения в другом цикле.
for i in [0..3]
dots[i].animate
time: delayArray[i]
А зачем в массиве хранить одинаковые значения 0.3 * i ?
СО
А зачем в массиве хранить одинаковые значения 0.3 * i ?
Они не одинаковые. На каждой итерации i меняется:
0.3 * 0 = 0
0.3 * 1 = 0.3
0.3 * 2 = 0.6
0.3 * 3 = 0.9
0.3 * 0 = 0
0.3 * 1 = 0.3
0.3 * 2 = 0.6
0.3 * 3 = 0.9
RK
Если я напишу time 0.3 * i после dots[i].animate разве не то же самое будет?
СО
Если я напишу time 0.3 * i после dots[i].animate разве не то же самое будет?
В принципе, тоже самое. Моя задача была объяснить тебе как это работает. Сам приём выносить данные в массив полезный.
RK
В принципе, тоже самое. Моя задача была объяснить тебе как это работает. Сам приём выносить данные в массив полезный.
Я кажется более менее это освоил, у меня есть в примере массив точек и анимаций. Но я не понимаю почему анимация срабатывает рядами.