ProtoPie 🍰
893 subscribers
43 photos
19 videos
1 file
104 links
https://www.protopie.io

промо-код на 30% EUGENY30

Звук и уведомления лучше выключить и читать всё в удобное для вас время.

Чат по теме: @ProtoPieChat
Автор канала: @Anafemest
Download Telegram
Ну лишним не будет
👍4
This media is not supported in your browser
VIEW IN TELEGRAM
Кароч простенький лайфхак.
Если надо, чтоб скролл не тригерился на перетаскивание мыши (например делаете веб сайт, где такое поведение пользователю не привычно) то можно заблочить это дело контейнером с триггером Drag. Без каких либо доп действий. Главное чтобы у контейнера стояла галочка Make Lower Layers Touchable. При этом скролл колёсиком будет работать (правд на маке не тестил) Записал вот видео по пути, звук говно, сори.
👍85
This media is not supported in your browser
VIEW IN TELEGRAM
Как вам очёчки?
https://cloud.protopie.io/p/229d8535876d1e606ac06d66
(Прототип работает только с телефона через приложение ProtoPie Player)
❤‍🔥7😱4🌚3🔥2💯2
ProtoPie решили провести конкурс на создание прототипов игр. А я в этом шарю, поэтому продублирую сюда все свои посты с моими играми. Кстати, если у вас тоже что-то такое есть то делайти посты в фейсбук, линкедин с тегами #MadeWithProtoPie и #GamePrototyping.
🔥6
This media is not supported in your browser
VIEW IN TELEGRAM
По игре в день)

Одной из первых игр в ProtoPie, еще в 2017 году, стала игра Pong.

Довольно простая в реализации игра, после которой многие начали делать свои версии понга. В нашем чате где-то тоже разные реализации встречались.

Чуть позже, мы вместе с Adam Kerestez, дизайнером из Икеи (на тот момент) сделали практически полноценную версию игры
Тут и выбор сложности, который отвечает за стартовую скорость и различные визуальные эффекты, и уменьшающаяся с каждым ударом бита.

Также мы сделали читы и режим отладки для экмпериментов.

Чтобы включить автометическую ловлю мячика надо в любой момент в пространстве под битой сделать свайпами комбинацию - вверх вверх вниз вниз влево вправо влево вправо. Если код введен правильно - появится анимация подтверждающая включение кода.

Чтобы зайти в режим отладки, после ввода кода во время игры надо сделать долгий тап (3-4 сек) по нижней части экрана - тогда появится панель нестройки шарика, где можно менять скорость или угол движения мячика.
🔥6
Ну протопай сторизы можн и попробовать.. Правда приходится выпрашивать буст: https://t.iss.one/protopie?boost
Media is too big
VIEW IN TELEGRAM
Краткий видео-туториал по созданию простой игры - Pong. Хотел в сториз запихать, но формат не оч подходит: паузу толком не поставить, много инфы разом) в целом подобный подход только для каких-то минутных трюков подойдет.. Ссылочка на пирог - https://cloud.protopie.io/p/938fda5a1176a432de5be060
12🔥15
ProtoPie 🍰
​​#faq #pie #game Я тут кароч запилил крестики нолики. https://cloud.protopie.io/p/f038d11f41 Загрузка файла пока отключена - я пишу (к сожалению очень медлено 😔) статью/гайд о создании этой игры. Также навожу порядок внутри файла. Сейчас онлайн мультиплеер…
Второй игрой, созданной на ProtoPie, стали Крестики-Нолики.

Началось всё в нашем чате, когда Макс спросил делал ли кто-то крестики нолики)
Ну я и сделал.. Сначала набросал простенький прототип.

Затем решил улучшить "Графику", "Искусственный Интеллект" и добавить "Мультиплеер".
Получилось вот так.

В результате прототип вошел в 20 самых вдохновляющих интерактивных прототипов 2020 года.

P.S. В реплае есть описание игры
P.P.S. А еще я на дрибл это выкладывал шот, можно лайкнуть, если вдруг не лайкали.
🔥8
Надо вернуться к постам про игры на протопае) Ну а пока зацените - вот сделал пару мини игр - https://cloud.protopie.io/p/e9c3ec7c6c2cdc781c794d27

Есть идеи какие еще можно реализовать игры на таком поле-управлении?
Вообще прототип типа для самодельной "игровой консоли" с кучей кнопок-диодов.
🔥62
Баловался тут с тг-ботами и понял что можно вполне прототипы в телегу встраивать) выглядит немного всрато, но может из этого что-то интересное получится..
https://t.iss.one/uxmaestro_bot/fastmath_prttp
22🔥162
Channel name was changed to «ProtoPie 🍰»
Forwarded from UX Live 🔥 (ProtoPie🥧)
Вот оно как.. И мне тоже можно? (Не удаляйте плиз)
🔥4👎33😱2
#protopie_faq #protopie

Q: Можно ли сделать, чтобы при переключении с одного инпута на другой автоматически клава устройства не переоткрывалась а была сатичная ?

A: Нормального решения тут к сожалению пока нет (галочки с Focus Out не слушаются на телефонах)
A: Но я люблю ненормальные решения
😂

Смотрите - оно работает ☁️ Вот пирог
(Кстати таким образом можно изменять цвет текстовой каретки)

• Вся хитрость заключается в том, чтобы сделать разные поля ввода одним инпутом.
1. Создаем 🖊1 обыкновенный инпут и прячем его за пределы прототипа, чтобы его было не видно.
2. Создаем два "фейковых" инпута: из ◻️фона-прямоугольника, ✝️текстового слоя - который отображает напечатанный текст и ✝️текстового слоя - плейсхолдера.
3. Распологаем элементы фейкового инпута так, чтобы это было похоже на нормальный инпут.
4. Также создаем ◻️прямоугольник, который будет кареткой текста (мигающая палка). Его сразу упакуем в 🔲 carret_Container. Поставим 🏁 прозрачность контейнера на 0 чтобы вначале его не было видно.
5. Опционально создадим ◻️прямоугольник для фона (он нужен, чтобы тригерить по нему 👆тап и убирать 🖊фокус с поля ввода.)
6. Нам нужна переменная 🔡Input по которой мы будем определять текущее поле ввода.

Продолжение в коментах
Please open Telegram to view this post
VIEW IN TELEGRAM
202👍2🔥2
Не прошло и 100 лет, добавили автолейаут как в фигме) К сожалению никак воздействовать на него триггерами пока что не получится. (Но обещают в 2025 году)
🔥12😱4
🥧 Там кстати на день π (который был 4 дня назад) объявили конкурс. Но до 31 марта еще можно успеть подать свою работу.

Суть такая: Создать прототип, демонстрация которого находится в пределах 3,14 секунд по времени.
Рекомендуют вдохновляться математикой и подходить к процессу творчески 😌


Участвовать так:

☁️ Делаешь прототип, загружаешь на облако.

🔤 Заполняешь форму для участия в конкурсе.

🔂 Подписываешься на ProtoPie в LinkedIn.

🍴 Делишься в своей ленте LinkedIn своим прототипом в виде видео или GIF-файла (не более 3,14 с) с хэштегом #ProtoPiDay и тегом @ProtoPie.

◀️ Говоришь, что пришел из моей телеги (но это не обязательно).


Подробности и про призы тут
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥2🤔1
This media is not supported in your browser
VIEW IN TELEGRAM
Люблю когда Protpie проводит конкурсы. Есть мотивация доделать что-то до конца.

Вот и сейчас сделал прототип для #ProtoPiDay

Всех с прошедшим днём π кста.


Мой прототип это аркадная игра-раннер в стиле киберпанка.

Главный герой - девушка нетраннер.
Она может стоять, может бежать, может прыгать и даже падать.
Ей нужно набрать как можно больше очков прыгая по платформам. Если забыть прыгнуть, то с платформы можно упасть. Также можно случайно прыгнуть в яму)

Число π используется для генерации уровня. Каждая платформа имеет определенный размер, зависящий от числа в последовательности после запятой. Также число π частично влияет на расстояния между платформами.
Ну и всё круче с взрывами. Даже с маленькими. За спецэффекты тоже отвечает число π! Такие дела.

Поиграть можно тут

Ну а в чатик покидаю немного бэкстейджа, с забавными моментами. (Через несколько часов)
27🔥13
Media is too big
VIEW IN TELEGRAM
Ну раз Протопайцы продлил конкурс до 31го марта, то я решил, как и любой издатель видео игр выпустить патч первого дня 😅

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

>v1.1.
1. Добавлен сюжет, правда только на стартовом экране.
2. Новый стартовый экран, со своей музыкальной темой, также сгенерированной нейронкой.
3. В игре теперь больше анимаций, город стал более живым.
4. Добавлена поддержка RTX. Реалистичные отражения, в видео есть демонстрация
5. Исправил некоторые баги и механики..
6. Добавлена уникальная концовка игры при достижении 999 очков.
🔥10👍1
Прикольный и не сложный прототип на день Пи от Mahdieh Kiani

https://cloud.protopie.io/p/cb721885999381b60cead68a

(Лучше смотреть через апку, у меня в браузере звук не загрузился что-то)
🤔32👍2🔥1
Please open Telegram to view this post
VIEW IN TELEGRAM