RK
к слову о дрибббле: что читать, чтобы сделать лоадер как здесь, по кругу? https://dribbble.com/shots/1426764-Submit-Button
Size: a a a
2017 December 04
ИП
Roma , кури связку GreenSock + Framer. Полное управление SVG и другая куча плюшек.
Хороший выбор 👍
SN
через proxy layer можно, можно через GreenSock. На медиуме есть хорошая статья, как делать пайчарты во Фреймере. Но там много кода. Я такие штуки делал через GreenSock. Описываешь через css svg, подключаешь библиотеку и задаешь параметры анимации через шаблон. Вот мой вариант трехцветного пайчарта.
https://dribbble.com/shots/3898358-Framer-GSAP-Data-widgets
https://dribbble.com/shots/3898358-Framer-GSAP-Data-widgets
СО
к слову о дрибббле: что читать, чтобы сделать лоадер как здесь, по кругу? https://dribbble.com/shots/1426764-Submit-Button
Вот моя реализация пайчарта. Читай код комментариев: https://framer.cloud/RCkDa/
RK
Спасибо огромное!
2017 December 05
СО
#задача №2 Пускаем волны из точки
Правила конкурса: В течение недели дизайнеры присылают мне ссылку на Фреймер Клауд. Тот, кто выполнит условия и пришлёт лучшую реализацию, получит возможность проанонсировать что-то околодизайнерское на Скетч-дизайнере.
Прикольно, когда можно пускать волны из места, по которому кликнули. Это может быть использовано на картах или в играх для оживления интерфейса. Чтобы это реализовать, будем ловить координаты клика.
Задача: реализовать анимацию расходящихся кругов, как в видео выше.
Условия: размеры прототипа — iPhone7. Количество кругов можно менять, скорость анимации задавать через переменную time. Пропорции и цвет не важны.
Задача будет довольно простой, поскольку я сделал подсказку, в которой уже реализован мезанизм отлова:
framer.cloud/wGrAR/
Буду смотреть на циклы создания и проявления кругов.
Дедлайн: 11 декабря, понедельник, 00:00, GMT+3
Правила конкурса: В течение недели дизайнеры присылают мне ссылку на Фреймер Клауд. Тот, кто выполнит условия и пришлёт лучшую реализацию, получит возможность проанонсировать что-то околодизайнерское на Скетч-дизайнере.
Прикольно, когда можно пускать волны из места, по которому кликнули. Это может быть использовано на картах или в играх для оживления интерфейса. Чтобы это реализовать, будем ловить координаты клика.
Задача: реализовать анимацию расходящихся кругов, как в видео выше.
Условия: размеры прототипа — iPhone7. Количество кругов можно менять, скорость анимации задавать через переменную time. Пропорции и цвет не важны.
Задача будет довольно простой, поскольку я сделал подсказку, в которой уже реализован мезанизм отлова:
framer.cloud/wGrAR/
Буду смотреть на циклы создания и проявления кругов.
Дедлайн: 11 декабря, понедельник, 00:00, GMT+3
Участники конкурса, как ваши успехи со второй задачей? Есть ли затыки, в которых я мог бы помочь?
SG
Я пока делаю первую задачу с логотипом Ютуба, которую пропустил. Хочу и её сделать
AL
СО
Супер, переключалка очень крутая! Мне нравится, что ты развил идею и сделал больше. В этом видео чувствуется творчество )
AL
Спасибо :)
AL
Чуть позже скину ссылку
SG
Только не сюда. Без спойлеров! 😄
2017 December 06
СО
СО
SN
анимацию описывает lottie.json
SN
так что практической ценности в проекте нет.
СО
так что практической ценности в проекте нет.
Отличный повод начать ковырять Lottie и посмотреть, как его использовать в связке с Фреймером.
SN
это повод ковырять AE.
PN
сама по себе анимация странная и непонятно к чему она )
EE
Типа прогресс бар