Вы узнаете пошаговый алгоритм заливки таких изображений без использования сторонних скриптов.
В конце статьи есть условное видео с пошаговым примером загрузки каракулей во "ВКонтакте". А теперь немного теории.
Что такое граффити?
Это возможность нарисовать свой собственный образ в личных сообщениях. Однако граффити используются и в других целях.
Какова ваша идея для изображения граффити?
Идея заключается в следующем — вы делаете свое изображение (которое может быть анимированным), загружаете его в раздел "Документы", а затем можете использовать эти изображения в комментариях и личных сообщениях. В отличие от обычных фотографий, эти каракулевые изображения не кликабельны и масштабируются соответствующим образом.
Сравните 👇 (изображение прокручивается слева направо)
Где это можно применить?
- Чатботы, отвечающие стикерами (могут быть анимированными, но только в веб-версии VK), и
- Геймификация в комментариях (изображения намного больше и привлекают больше внимания); и
- Поиск постов в сообществах, когда важно не показывать источник загруженных изображений.
- бот-отчеты, отображение рецептов, увеличенные изображения продуктов в комментариях, в
- И просто для пущего эффекта комментарии с двойными "современными" каракулями (только в онлайн-версии VK)
Пошаговый алгоритм загрузки своих картинок как граффити ВКонтакте
Подготовьте изображение 1.png.
Важно! Изображение в формате PNG. Это можно сделать в режиме онлайн. В Интернете полно сервисов по преобразованию форматов.
Ширина изображения составляет примерно 600 пикселей. ВКонтакте будет продолжать подстраиваться под размер поста, но лучше не использовать огромные изображения. Можно также использовать надписи на тонких полосках. Это здорово!
2. загрузите изображение в виде документа с каракулями через VKAPI
Прокрутите вниз до "Образец приложения" и введите "Doodle" в поле "Тип".
Нажмите "Выполнить", после чего появится форма загрузки изображения.
Щелкните по файлу png, созданному в шаге 1.
Вы получите ответ от сервера. Вернитесь к нему. Не закрывайте вкладку!
3. Сохраните загруженное изображение через VKAPI.
Прокрутите вниз до Sample Application и удалите все, что написано в полях Title и Tags.
Вернитесь на вкладку из предыдущего шага и скопируйте ответ сервера. Вы должны получить часть, заключенную в кавычки. 👇 как показано на скриншоте.
Вставьте его во вторую вкладку в поле ‘Файл’.
Нажмите кнопку Выполнить. Сервер даст вам ответ. В третьей строке должно быть написано "type": "graffiti".
Подождите! Ваша тяжелая работа закончена! Остался последний простой шаг, и вы сможете использовать граффити в своих целях.
4. загрузите png-файл в свой документ
Перейдите к документу и повторно загрузите ранее подготовленный png-файл.
Очень важно. Убедитесь, что тип документа изменен на "Другой документ". В противном случае вы не сможете использовать загруженные изображения в своем чатботе.
Вот и все. Вы загрузили фотографию в качестве рисунка.
Отныне вы можете использовать этот документ в своем чат-боте или прикрепить его к комментарию в чате и удивить своих друзей изображением всей ширины сообщения.
Видео с пошаговым примером загрузки граффити ВКонтакте
В конце видео мы также покажем, как использовать эти изображения в чат-боте, на примере Senler.
