Почему и как пришли к новому логотипу расказывает бренд-дизайнер ProtoPie
https://blog.protopie.io/crafting-protopies-new-brand-3498224d10b8

​​Неплохой туториал как сделать прототип шумомера в ProtoPie

​​#чтожэлучше

Поглядел Drama
Много всего сделали и оно вполне стабильно работает.

• Уже сразу уделывает Principle. Прям во всем. Флоу точно такой же как в принципле, следовательно и уловки нужно юзать теже.
Но из-за этого - сложные прототипы сделать будет проблемно. Только короткие юзкейсы..

• Серьезный конкурент для Flinto. (Флинто лучше принципла из-за нормального импорта и возможностью манипулировать векторами)

• Есть аналог XDшного автоанимейта - MagicMove.

• Drama хорошо импортит скетч файлы, поддерживает векторные объекты, имеет полноценные инструменты векторного рисования. Есть векторный морфинг (можно настроить анимации всех точек объекта), Можно работать и анимировать градиенты любой сложности, есть и блюр, удобно вертеть слои в 3д.. 3д манипуляции и работа с 3д анимацией намного лучше чем во всех программах, что я пробовал.. Есть удобная фишка - выполнять анимации по нажатию кнопки (для каких-ньть презентаций, или для шота на дрибл - удобненько)

• Сравнивать с Protopie сложно. т.е. благодаря крутому импорту и работой с векторами и 3д слоями - Драма намного круче Протопая. Однако никаких условий, переменных, работой с данными (инпуты/камера) в драме нет, и в ближайшее время не будет. Есть Time Travel - это по сути несколько кейсов в одном прототипе, однако все ветки - линейные, что блочит любые возможности интерактива.

Я бы сказал - что приложения приследуют разные цели:
• Drama - для прототипирования анимаций под iOS/iPadOS/watchOS/macOS
• Protopie - для прототипирования UX приложений/сайтов под любой платформой.

• В чём суть успешного запуска? В том что юзают нативные либы и методы Apple. + средства движка Metal. Из-за этого собрали скетч-лайк редактор, юзают анимации нативные для эпла, вероятно одни из первых сделают хендоф для прогеров и код генерейшн..

• Однако могу сразу предположить, что в ближайшие 3-4 года (а то и больше) - никакой кроссплатформенности. Даже миррор на андроид делать им смысла нету.. Судя по их родмапу - они и не собираются в андроид.

• Касательно веба - делать-то можно, а экспорта скорее всего не будет, по той же причине, что описал выше.

​​Вот вам пианино. 🎹
Хз зачем, может найдёте там что-то интересное. Начинал его давно, вот нашел - подправил.

Когда нашел в шкафу подарок, который готовят тебе новый год 😂

Сделал вот "полноценный" поиск
https://cloud.protopie.io/p/1888a3e205

Т.е. можно имя автора или название книги ввести, частично или полностью.

Из минусов:
- Регистрозависимый поиск (скорее всего это можно решить эту проблему, но что-то пока лень)
- Довольно неудобно масштабируется. (нужно как-то оптимизировать передачу длинны текста из компонента)

Кому-то может пригодится. 🤔
Поле для ввода даты с маской dd / mm / yyyy и времени hh : mm
https://cloud.protopie.io/p/6f1ee25a0c

P.S. также там встроена проверка на месяцы у которых меньше 31 дня и на високосные года
P.S.S. а вот над юиксом этих проверок - поработайте сами =)

Тем временем меня пригласили в слак чат ProtoPie, чтобы я был одним из "протопионеров". Из плюсов - мне теперь будут давать бетаверсии, собирать фидбек, обсуждать нововведения. Бонусами же обещают продвижение моих протопай статей на сайте и в своих блогах плюс подогнали командную лицуху =)

P.S. а на картинке - пока что концепт..

А вот и первые инсайды подъехали)
В 2019 году планируется выпустить еще одно большое обновление 4.2:

★ Библиотеки компонентов
Компоненты можно будет собирать в библиотеки и передавать другим людям или использовать в других проектах.
При использовании командной лицензии созданные библиотеки будут доступны среди членов команды

★ Поддержка SVG
Научат протопай понимать svg. Это первый маленький шажок к векторизации протопая. В версии 4.2. будет только возможность закинуть стороннюю свг в протопай, и он конвертнет ее в векторную фигуру. Я уточнил про импорт с скетча/фигмы - в этой версии векторные слои скетча и фигмы - всё еще будут растрироваться при автоматическом импорте. но если вручную сохранить из скетча в свг, а потом открыть в протопае - будет вектор.

★ Возможность писать формулы и переменные в "Duration" и "Delay"
Давно ждал этот функционал. Очень много интересного с этим можно будет сделать!
К сожалению в поле "Seek to" у действия Playback для аудио/видео или лотти-слоя формулу или переменную вставить пока не получится. Разработчики сказали, что будут думать над новым типом переменной "время" и способами конвертации в этот тип, и только после этого смогут добавить возможность полноценно управлять видео.

★ Возможность писать формулы и переменные в поля с цветом
Наконец-то полноценное управление цветами элементов. Раньше такой кейс встречался крайне редко, сейчас же с добавлением кастомных векторных фигур - это будет использоваться часто. Например перекрасить в цвет из переменной иконку. и т.п.

★ Начинают добавлять смарт-гайды
Пока анонсировали только возможность просмотра расстояния между элементами. Скорее всего будет реализовано как во многих редакторах с зажатием кнопки ALT. Про направляющие и что-то еще информации пока нет.

★ Автономный облачный доступ
Подробностей немного. Вроде как можно будет открывать файлы сразу с облака, не скачивая на комп.


Примерные планы на 2020 год:

★ Улучшение импорта скетч/фигма.
Сохранение векторных слоев при импорте. Перенос некоторых стилей при импорте

★ Улучшение интерфейса облака.
Отображение / скрытие левой панели описания, Создание ссылок с расширенными параметрами отображения.

★ Developer Handoff
Разработчики все еще обсуждают как это будет выглядеть, но основной посыл в том, что это будет вкладка на облаке, в которой будут спецификации для разработчиков.

Получил Protopie 4.2 до официального выпуска!
Кстати обнова будет на следующей неделе, если не завалю их рапортами с багами 😭

Собственно бетка работает только у юзеров со статусом "Protopioneer", поэтому делится ей смысла нету.

Еще убедительно попросили не делиться .pie файлами с людьми у кого прошлая версия, т.к. это может вызвать какие-то проблемы) да и не будут они полноценно работать на 4.1

Но мини обзорчики нового функционала я за сегодня накидаю. Также задавайте свои ответы в чатике.

Вот и вышла 4.2 официально. Что примечательно - все баги, о которых я репортил на бета тесте - поправили)

★ Поддержка SVG
Науили протопай понимать svg. Есть возможность закинуть стороннюю свг в протопай, и он конвертнет ее в векторную фигуру.
Подробнее: https://www.protopie.io/learn/basics/#SVG_Layer

★ Расстояния между объектами
Это реализовано как во многих редакторах с зажатием кнопки ALT.

★ Возможность писать формулы и переменные в "Duration" и "Delay"
Сделал простую демку вот https://cloud.protopie.io/p/171a42cae8

★ Возможность скрыть /показать области контейнеров. (находится в меню View)

★ Привязка-снаппинг на временной шкале к другим объектам

★ Возможность указать кастомный размер страницы в пейдж-скролле

В новой версии появились настройки для шаринга (правда ссылка получается длинючая) но походу можно встроить попробовать куда-ньть (попозже попробую)


вот например https://cloud.protopie.io/p/5798ef1771?ui=false&mockup=true&touchHint=false&scaleToFit=false&cursorType=touch

​​#pie #component
Сделал универсальный компонент для меню типа "Аккордеон".
Объяснять как это работает - сложно, но могу объяснить, как это использовать =)

В списке может быть любое количество элементов, главное - указать каждому элементу его id - какой он по порядку и высоту на которую он должен открываться. Высота у каждого блока может быть разной.

P.S. Вроде тесты погонял - багов не нашел, но если что-то найдете - обязательно пишите))

P.P.S. Вобще, мне кажется, что подобный элемент плохо подходит для мобильных интерфейсов, однако встречаю его довольно часто, но челлендж по эллегантной реализации оказался интересным.

​​#faq #pie #game
Я тут кароч запилил крестики нолики.
https://cloud.protopie.io/p/f038d11f41

Загрузка файла пока отключена - я пишу (к сожалению очень медлено 😔) статью/гайд о создании этой игры. Также навожу порядок внутри файла.

Сейчас онлайн мультиплеер попробовать не получится, потому что необходимо скачать пирог, открыть его в студии, и через студию приконектить 2 девайса. Но я скину видос в наш чат)

Функционал:

1. Можно выбрать за кого играть:
1.1. ⭕️ За нолики;
1.2. ❌ За крестики;

2. Синглплеер:
2.1. Лёгкая сложность - противник ходит рандомно;
2.2. Сложная сложность - можно либо проиграть либо сыграть вничью;

3. Мульиплеер:
3.1. Горячий стул - играть в игру на одном девайсе;
3.2. Онлайн - играть с 2х девайсов, используя студию как сервер.

Если вы протестируете остальной функционал и поделитесь своим фидбеком со мной - это будет хорошо =)

​​Прототипирование музыки? Почему бы и нет)
Взял свою пианинку https://t.iss.one/protopie/53
Добавил автовоспроизведение мелодии - ост из фильма Реквием по мечте, за авторством Пола Окенфолда (потому что простая мелодия, которую можно сыграть на одной октаве)
Автовоспроизведение работает если нажать кнопку z (в браузере) или сделать дабл там по фиолетовой части пианино.
Прототипировать музыку используя Send и Recieve для повторяющихся частей - весело) А благодаря последнему обновлению, можно задать скорость мелодии изменяя общий Start Delay (в прототипе переменная speed)

​​ProtoPie поздравляет католиков с Рождеством!

По этому поводу команда ProtoPie сделала игру «Где мой снеговик?»

🎮 https://cloud.protopie.io/p/61bf3545e3

🎄🎅 Счастливого Рождества и веселых праздников! 🎅🎄

​​​​15 прототип мне очень понравился =) https://uxplanet.org/20-most-inspirational-interactive-prototypes-for-2020-cad0b5bb711

Совпадения не случайны) Планировал весной съездить в Сеул, культурно отдохнуть, так сказать.. Особо никто не был в курсе) А тут, внезапно, Тони Ким (CEO ProtoPie) видимо имеет связи с корейской разведкой, пригласил меня в гости в главный офис ProtoPie.
В общем в какой-то день на майских праздниках я буду в офисе протопаевцев, смогу поговорить и с их дизайнерами и разработчиками и менеджерами разных мастей, поэтому, если хотите, чтобы я что-то узнал или о чем-то рассказал, го в чат @protopiechat или в личку @anafemest, если чаты - это не для вас.

Тут вот один дизайнер решил попробовать, нынче модный, неоморфизм динамическим сделать (от положения телефона тени меняются)

https://cloud.protopie.io/p/904970c75b

Что думаете?

Мне кажется, что иногда теряется этот самый объем.. Надо будет попробовать сделать что-то похожее и покалибровать))

Уже около года в Protopie существует функция
layer(source: TEXT).layerProperty

Периодически, заходя в тутор по функциям, натыкался на нее и пытался придумать, для какого кейса можно это использовать.. И всё безуспешно - все придуманые кейсы можно было сделать не используя эту функцию, просто вызвав нужный параметр слоя...

Самое забавное, что когда я спрашивал дизайнеров и пиарщиков, работающих в XID Studios (собственно те, кто делает Protopie) - они не смогли мне привести полезное применение этой функции... В итоге они "засмущались" и написали, что подумают и что-то покажут. В итоге - или забыли или забили =)

Сегодня утром, делая простенький прототип меня осенило, как можно офигенно использовать данную функцию, и чуть попозже покажу видео с магией. А пока - попробуйте придумать практическое, полезное применение этой функции.

Собственно магия) Суть в том, что "машинка" использует данные прямоугольных сегментов пути:
1. для поворота - угол прямоугольника,
2. для скорости - ширина прямоугольника
3. для точки назначения - координаты прямоугольника.

Простым циклом перебирает слои по имени R1, R2, R3... И получает нужные данные на каждый сегмент.

В итоге я могу создавать маршрут любой длины и сложности.