Собираем пазлы в фигме — Настолки на DTF

Привет! Я тут на днях написал плагин для фигмы, который нарезает любое изображение на пазлы. Таким образом можно сделать пазл буквально за 5 минут из вашей фотки или скриншота из любимой игрушки. И самое интересное: этот же пазл потом можно собирать в фигме, да еще и с друзьями.

386 просмотров

Так получилось, что фигма идеально подходит как площадка для онлайн пазлов. Ее функциональность позволяет перемещать и сдвигать друг с другом детали, в свободном режиме, а возможность шарить файл с друзьями и одновременно редактировать решает всё.

вот сейчас мы дружно собираем пазл на 390 деталей

Меня эта идея посетила, когда мы в гостях на большом столе собирали пазл с плохим качеством изображения (видимо, принтер у производителя с каким-то мелким разрешением был) и я осознавал, что вернусь домой, а там просто негде разложить пазл даже на 500 деталей. По итогу я разработал плагин, с помощью него сгенерировал пазл, а потом собрал.

И мне понравилось.

Сам плагин: https://www.figma.com/community/plugin/1208535579493513112/Puzzle-cutter
Тут еще есть несколько уже готовых к решению пазлов: https://www.figma.com/@kakvam Я там подписал easy/medium/hard, так что можете попробовать собрать easy, где меньше всего деталей, у меня заняло минут 15 его собрать.

Для тех, кто умеет пользоваться фигмой, просто добавляйте плагин или файл к себе и перемещайте детальки на центральный фрейм. Если хотите усложнить себе жизнь, можете удалить изображение на фрейме, которое служит подсказкой.

Тем, кто не умеет пользоваться фигмой, но хочет собирать пазлы онлайн, это может послужить хорошим толчком освоиться в фигме, особенно если и так подумывали. Фигма же сейчас дико популярна, среди дизайнеров веба это уже внегласно основной инструмент. Я в свое время баловался с фотошопом, когда первый раз увидел фигму, всё в ней было прям интуитивно понятно, никаких курсов и т.д. я не проходил, чтобы начать пользоваться.

Ниже рекомендации по моему опыту о процессе сбора и генерации пазлов с помощью плагина

Перемещение элементов в фигме делается мышью, для выделения нескольких элементов нужно зажать Shift и прокликать всё, что вы хотите выделить. Для зума зажимаем Ctrl и крутим колесиком, для передвижения холста можно зажать колесико и двигать мышью. В фигме есть примагничивание ближайших элементов, но иногда придется очень сильно приблизиться, чтобы сдвинуть элемент ровно на один пиксель. Если уже удерживаете элемент, то вместе с зажатым курсором можно использовать скролл для перемещения холста вверх/вниз (в моей мыши еще и горизонтально можно), а также можно параллельно зажать Ctrl и зумиться с помощью скролла. Чем больше деталей собрано, тем лучше фигма будет примагничивать следующие. Начинайте собирать пазл с краев =)

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

Пошагово, как сделать игру Собери пазл для Инстаграм Сторис

Меню

Содержание

• 1 Игра «Пазл» Инстаграм
• 2 Как сделать «Пазл» в Инстаграм
• 3 Фото-пазл для Инстаграм
• 4 Зачем нужна игра«Собери пазл» в сторис

Никого не увидишь стандартными ежедневными сториз в аккаунте. Подписчикам требуется больше «хлеба и зрелищ». Чтобы удержать внимание зрителей требуется изрядная доля фантазии и творчества. Одним из последних трендов 2020 для игр в сториз Инстаграм является «Собери пазл».

Игра «Пазл» Инстаграм

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

Человеку нужно успеть нажать на экран телефона, чтобы собрать картинку в правильном порядке. Это легкое развлечение захватывает внимание инстаграмера и вызывает легкий азарт.

Чтобы замотивировать подписчиков на активное участие в этом действии, предложите награду за успешно выполненное задание. Например, пообещайте денежный приз или проставление лайков. При правильном подходе вы увеличите количество просмотров, отметок и охватов.

Вам будет интересно: как увеличить охваты в Инсте.

Как сделать «Пазл» в Инстаграм

Если хотите применить данную игру для своего аккаунта, то следуйте инструкции:

1. Скачайте и установите 9cut на смартфон.
2. Зайдите в приложение и выберите понравившуюся фотографию, чтобы превратить ее в пазл.
   
3. Разрезайте изображение на нужное количество частей.
4. Сохраните части картинки в галерею.
5. Зайдите в галерею телефона. Откройте все изображения через любое приложение для планирования ленты либо создания коллажа.
6. Сделайте скриншоты экрана, включающие в себя по 9 нарезанных снимков в разном порядке, оставшихся после приложения.
   
7. Удалите лишние кусочки фото, чтобы получилась исходная целая картинка. Также сделайте скриншот.

Но это еще не конец. Теперь из этих фотографией нам предстоит сделать неуловимую игру.

1. Теперь обратимся к программе InShot. Начинаем создавать новый проект.
2. Добавляйте все скриншоты.
   
3. Выставляем самое минимальное время на ползунке проекта. Это может быть любое значение. Чем меньше времени показывается ваш кадр, тем сложнее поймать нужный файл.
4. Кликните на двойную галочку и нажмите «Применить ко всем».
5. Выберите красный плюсик (внизу экрана). Снова добавьте все скрины, только измените порядок. Время выставится автоматически. Т.к. продолжительность сториз в Инстаграм равна 15 секундам, то вставляйте фрагменты в свое видео столько раз, чтобы заполнить полную версию сториз.
6. Переходим в раздел «Размер». И с помощью функции Зума сделайте нужный размер. Снова кликните на «Применить ко всем».
   
7. Сохраняйте результат.
8. Снова нажмите на «Новый проект». Добавьте предыдущий проект.
   
9. Выделите свой проект (зажмите). Продублируйте его несколько раз, чтобы уложиться в 15 секунд. Если хотите, то можете добавить музыку через одноименный инструмент в приложении.

Готово! Сохраняйте новый проект в медиафайл. Видео готово к загрузке в сторис и получению реакций от подписчиков.

Фото-пазл для Инстаграм

Существует еще один вариант похожего развлечения для Инстаграм. Вы можете предложить своим подписчикам ловить фрагменты фото в течении 1 или пары дней.

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

 

Зачем нужна игра«Собери пазл» в сторис

В каких ситуациях стоит сделать игру для своих подписчиков:

1. Свежее развлечение среди банальных сториз.
2. Привлечение внимания к выходу нового продукта. Если ваши поклонники с нетерпением ждут новинок, то предложите им самим поймать изображение грядущего поступления.

Выбор игр, которые можно разместить прямо в ленте или в мини-роликах, достаточно огромен. К тому же, никто не запрещает не только пользоваться готовыми решениями, но и придумывать свои.

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

Будьте открыты новым идеям и активно продвигайтесь в мире Инстаграм. Смотрите в нашем блоге идеи геймификации для своего аккаунта и вдохновляйтесь 🙂

Поделиться с друзьями:

Твитнуть

Поделиться

Поделиться

Отправить

Класснуть

Adblock
detector

Онлайн-конструктор головоломок — Создайте свою собственную интерактивную головоломку

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

Онлайн-конструктор головоломок в режиме реального времени

Создайте любую понравившуюся вам головоломку в режиме реального времени! Получайте немедленную обратную связь при создании головоломок и добавлении собственного контента.

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

Создавайте головоломки бесплатно и многое другое

По умолчанию вам не нужна учетная запись, и вы можете создать две головоломки бесплатно, играя 60 головоломок в месяц.

Puzzel.org может предложить гораздо больше!

Проверить подписки

Вставить пазлы на свой сайт

Вставить пазлы на свой сайт очень просто! Вы копируете код iframe, вставляете его в свою CMS/LMS, и все готово.

Головоломки полностью белые, поэтому Puzzel.org не признает их вообще.

Узнайте больше о встраивании

Создание 21 различных типов головоломок

Генераторы головоломок позволяют создавать все виды головоломок.

Головоломки с картинками: головоломки, скользящая головоломка, запоминание, сопоставление пар и «обозначьте это изображение» охота

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

Отслеживание результатов головоломки

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

Puzzel.org позволяет отслеживать как предварительную регистрацию, так и отслеживание завершения, где вы можете выбрать поля регистрации вручную, чтобы обеспечить любой уровень конфиденциальности, который вам нравится. Никакие данные никогда не будут повторно использованы/перепроданы.

Узнайте больше об отслеживании результатов головоломок

Настраивайте все головоломки

Каждую головоломку можно оформить в любом стиле. Цвета и шрифты могут быть изменены, макет может быть реорганизован, а элементы могут быть скрыты, если это необходимо.

Дополнительная информация о настройке

Добавьте собственное сообщение о завершении

Покажите свое собственное сообщение игроку, когда головоломка будет завершена — полностью настраиваемый с множеством функций.

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

Ознакомьтесь со всеми вариантами сообщения о завершении

PuzzleGPT: Генератор головоломок с искусственным интеллектом

Поскольку огромная популярность ChatGPT и других общедоступных языковых моделей искусственного интеллекта захватила новости, Puzzel.org захотел присоединиться к веселью и создать искусственный интеллект еще более доступным, если интегрировать его в сборку головоломок.

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

Ознакомьтесь со всеми функциями PuzzleGPT

Создавайте кроссворды онлайн, бесплатно и интерактивно

создавайте интерактивные, настраиваемые и адаптивные онлайн кроссворды с помощью лучшего генератора кроссвордов!

Средство для создания кроссвордов

Чтобы составить кроссворд, у вас должно быть не менее двух слов, так как слова нужно «перекрестить». С этого момента вы можете создавать больше пересечений между словами и расширять сетку головоломки. К счастью, алгоритм кроссворда делает все это за нас! 🙂

Добавление слов, вращающихся вокруг темы, является очень логичным и хорошим выбором, чтобы убедиться, что ваши слова пересекаются как в контексте, так и визуально 🙂

Добавление скрытого решения

Хороший способ придать кроссворду другое измерение — добавить «скрытое решение»

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

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

Контроль ответов автоматизирован

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

Если вам не нравится эта функция, вы также можете воспользоваться опцией «Премиум» для «Отключить контроль ответов».

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

Создание ключа ответа

Чтобы облегчить себе задачу помочь другим игрокам в головоломки, вы можете включить режим «Ключ ответа» на панели владельца головоломки.

Это доступно только вам и может быть включено/выключено с помощью значка «Глаз» в правом верхнем углу предварительного просмотра головоломки.

Для печати доступны как пустая версия, так и версия с ключом ответа.

Кроссворд с картинками

Помимо создания кроссвордов в чистом виде, вы также можете использовать свои медиафайлы для создания различных кроссвордов.

Изображения также являются хорошим способом давать подсказки/описания и позволяют задавать различные вопросы, поскольку теперь у вас есть изображение, подсказывающее игроку головоломки ответ.

Это можно активировать с помощью опции Premium «Тип кроссворда» и выбрать там «Изображение».

Добавление банка слов

Чтобы упростить решение головоломок, теперь вы также можете добавить премиум-опцию «Банк слов». Это позволяет игроку, разгадывающему кроссворд, выбирать ответ из всех ответов в головоломке.

Банк слов появляется, когда игрок выбирает ячейку в сетке кроссворда, поскольку в этот момент головоломка понимает, куда пользователь хотел бы вставить выбранный ответ.

Создай свой собственный образ

Создатель кроссвордов позволяет создавать все виды классных пользовательских стилей Premium, которые придают головоломке любой вид, который тебе нравится. Например, вы можете скрыть все черные квадраты, что выглядит более аккуратно и при печати экономит немного чернил! 🙂

Добавление фоновых изображений

Или вы можете пойти еще дальше и изменить фон черных квадратов вашего кроссворда, чтобы создать бренд, тему или другой вид, который вы предпочитаете.

Разгадывайте кроссворды в командах

Чтобы сделать разгадывание кроссворда еще более увлекательным, попробуйте функцию «Играть в командах» на вкладке «Премиум». Он настраивает регистрацию команд, и как только вы начнете командную битву, он подключит всех членов команды.

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

Очень крутой является командная панель, которую вы, как владелец кроссворда, получаете через Премиум > «Открыть комнату управления». Там вы можете видеть прогресс каждой команды и следить за тем, кто финиширует первым! 🙂

Изменение раскладки вопросов

Если на вашем сайте или в плеере не так много места по горизонтали на экране, возможно, стоит изменить раскладку кроссворда. Это можно сделать с помощью опции «Позиция вопросов» на вкладке «Премиум».

Можно переключить на «Справа» (по умолчанию), «Снизу» и даже «Скрытый». Когда вы скрываете список вопросов, активный вопрос по-прежнему будет всплывать при выборе ячейки кроссворда, так что это может быть действительно эффективным способом встраивания вашей головоломки!

Ручной генератор кроссвордов

Ручной генератор кроссвордов позволяет превзойти автоматические возможности генератора кроссвордов.

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

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

Генератор загадочных кроссвордов

Конечно, вы можете создать свой собственный загадочный кроссворд с помощью «обычного» генератора кроссвордов

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