У меня во фреймере не работает позиционирование слоев. Точнее оно работает в превьюхе и в Safari. А когда я открываю в браузере хром у меня слой созданный в режиме кода перекрывает слои импортированные из скетча, даже когда я сделал слой скетча родительским и позиционировал с помощью bringToFront(). z-позиционирование также ничего не дало.

У кого стоит Хром можете проверить: https://framer.cloud/KjJWa

пин должен быть поверх расходящихся кругов, но он у меня в Хроме отображается под ними

pulsate – слой для окружностей. pin – слой маркера геолокации

попробовал перенести внутрь цикла, где круги создаются, но все равно не работает(

@payfox
sketch.courier.bringToFront()
sketch.courierB.bringToFront()
sketch.courierC.bringToFront()
sketch.pin.bringToFront()

курьеров не так важно на передний план, мне хотя бы с пином разобраться

sketch.pin.bringToFront() как я уже написал не работает

я вот думаю, если у меня цикл создает копию слоя pulsate, который я сделал дочерним для слоев скетча… возможно что он создает дубли слоя вне родителя и поэтому они перекрывают маркер геолокации?

да: так и есть

как я этого сразу не заметил

всем спасибо, я разобрался 😂 теперь все работает

вот как надо было писать

Снял скриншот с Хрома. Должно быть так?

Да, спасибо, я починил. В группе отписался

Пиши комментарии, легче будет потом вкуривать в код, и тебе и другим. Хотя бы пару слов о каждом действии.

Ок

Результаты конкурса №2 в Фреймер-чате

В середине декабря я проводил конкурс в @framerchat, но так и не объявил победителя. Исправляюсь.

Задание
Прикольно, когда можно пускать волны из места, по которому кликнули. Это может быть использовано на картах или в играх для оживления интерфейса. Чтобы это реализовать, будем ловить координаты клика. (см. гифку.) Задача:  реализовать анимацию расходящихся кругов.

Правила
Я выбираю задачу, в течение недели дизайнеры присылают ссылку на Фреймер Клауд. Первый, кто выполнит условия и пришлёт лучшую реализацию, получит возможность проанонсировать что-то по теме дизайна.

В конкурсе победил Антон Лапко @anronkai

Он сделал лучшую реализацию, которая позволяет менять количество волн и их цвет.

Работа: framer.cloud/bwYJu
Круто, что в коде есть комментарии.

Слово победителю
«У меня есть небольшая серия из девяти микроанимаций на Дрибле. Публиковал вместе с исходниками. Всё сделано во Флинто. Для начальных экспериментов во Фреймере самое то.»

dribbble.com/anron/projects/543514-Microinteractions

Новые конкурсы буду объявлять в Фреймер-чате.

#конкурсы  #Фреймер

@anronkai мужик