4.Нас встречает вот такое меню квеста, здесь нам необходимо прояснить некоторые моменты

Давайте я кратко объясню что такое главы в представлении Meander:

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

Нода-страница которая хранит в себе различные данные и отображается на канвасе

Понимаю что сейчас это прозвучит немного непонятно, так что давайте пройдём дальше

1. Заходим в главы

   Раздел глав

2. Здесь мы создаём новую главу с помощью кнопки "+", не забываем дать базовое понятое название

3. Нажимаем на только что созданную главу и переходим в канвас

   Канвас главы

Небольшая справка:

Канвас-это рабочее поле, пространство, которое является бесконечным и позволяет удобно работать с визуальным древом нод

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

1. Нажимаем на кнопку "+"

2. У нас на канвасе появилась нода, которая автоматически стала стартовой для этого квеста

   Нода

3. Кликните два раза подряд на ноду, чтобы изменить её

   Раздел контента ноды

Здесь нас встречает раздел контента ноды, в него мы можем помещать любой контент, который доступен в Meander

В Meander доступны следующие виды контента:

И так, давайте попробуем создать текст в качестве контента для ноды

1. Нажимаем на кнопку "Добавить"

   Добавляем

2. Далее выбираем из списка тип контента текст, мы увидим следующий экран:

   Экран редактирования текста ноды

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

Созданный контент можно перемещать и менять местами, зажимая и перетягивая за иконку "="

Текстом может быть любое содержание, как вопрос к пользователю, так и просто история!

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

Для этого выходим обратно на канвас и создаём ещё две ноды.

После создания нод мы можем заполнить и их контентом, давайте добавим каждой текст и понятный заголовок

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

Зайдём обратно в стартовую и добавим новый тип контента

После того как мы добавим кнопку нас попросят выбрать:

Выбираем переход к ноде!

После выбора, нам предложат выбрать ноду на которую будет вести кнопка, выбираем первую созданную

После выбора вводим текст, который будет отображаться на кнопке

Теперь контент выглядит следующим образом:

Давайте выйдем на канвас и посмотрим что же произошло

Как мы видим на канвасе были созданы две стрелки, которые ведут на соответствующие ноды

Давайте наконец запустим наш мини квест, для этого нажмите на эту кнопку:

Давайте посмотрим, что же у нас получилось

Нажмём на любую из кнопок

Как мы видим всё корректно работает.

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

Если вам интересно что-то конкретное, пожалуйста напишите об этом в комментариях к статье!

Две стороны одной монеты

С одной стороны — он получил то, что хотел. Работает, протестировано, закрывает задачу. Ему по сути без разницы, писал я руками или с помощью ГПТ. Результат один.

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

С другой стороны — я взял деньги за 40 часов работы, а реально потратил 6. Получается я обманул его на 102 тысячи? Или нет?

Знакомый фрилансер говорит: "Ты продаёшь не время, а результат. Клиент получил результат — значит всё честно". И формально он прав.

А что делают другие?

Спросил пару человек из комьюнити. Оказалось, я не один такой.

Олег делает лендинги. Раньше неделя работы, теперь день с ИИшкой. Берёт как раньше — за неделю. Говорит: "Я же не виноват, что научился работать быстрее".

Марина пишет на Python. Вообще открыто говорит заказчикам, что использует ГПТ. Большинству похер, главное чтоб работало. Но есть те, кто против — мол, я плачу за твой мозг, а не за бота.

По данным на 2025 год, 62% программистов используют ИИшки в работе. Это уже не исключение, а норма. И большинство молчат об этом перед заказчиками.

Реальные цифры

На фрилансе сейчас средние ставки:

• Новички: 500-1000 ₽/час

• Опыт 1-3 года: 1000-2000 ₽/час

• Опыт 3-5 лет: 2000-3000 ₽/час

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

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

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

Где проходит граница?

Для меня вопрос не решён.

Если я использую ГПТ как инструмент — как IDE, как Stack Overflow на стероидах — это одно. Я всё равно понимаю код, проверяю его, дорабатываю, беру на себя ответственность.

Но если я просто копирую вывод GPT, даже не разобравшись что там — это уже другая история. Это уже не честно ни передо мной, ни перед заказчиком.

А как у вас?

Серьёзно интересно:

• Используете ли ИИшки в работе?

• Говорите ли об этом заказчикам?

• Как оцениваете проекты — по времени или по результату?

• Где для вас проходит граница между "эффективностью" и "обманом"?

Потому что это уже не философский вопрос. Это реальность 2025 года. И чёткого ответа у меня нет.

P.S. Для тех, кто спросит про качество кода от ГПТ — да, там бывают косяки. Но с опытом ты быстро учишься отличать хороший вывод от говна. И дорабатываешь. В итоге результат такой же или лучше, чем если бы писал руками. Просто в разы быстрее.

BUSY Bar — это продвинутый фокус-таймер с функцией блокировки отвлекающих приложений и интеграцией в умный дом. В этом посте мы покажем как, используя HTTP API, можно создавать виджеты для BUSY Bar. Это смогут сделать не только разработчики, но и обычные пользователи.

Далее вы узнаете как:

• Вывести изображения и текст на экран BUSY Bar.

• Взаимодействовать с устройством прямо из браузера.

• Создать виджеты без программирования.

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

Один API для всех типов подключения

HTTP API — это протокол для взаимодействия с BUSY Bar, доступный через все 3 поддерживаемые типа подключения:

• USB Ethernet — при подключении BUSY Bar к ПК, он определяется как сетевой адаптер с виртуальной сетью.

• Wi-Fi сеть — быстрое, беспроводное подключение. BUSY Bar можно разместить где угодно в зоне действия Wi-Fi.

• Cloud-сервер — удаленное управление через интернет с шифрованием и авторизацией по ключу, используя API-токен, выпускаемый в личном кабинете BUSY.

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

Как работает HTTP API в BUSY Bar

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

Взаимодействие с BUSY Bar устроено похожим образом. BUSY Bar выполняет роль HTTP сервера и ожидает запросы, а ПО на ПК выполняет роль HTTP клиента. Этим ПО может быть любая программа, поддерживающая отправку HTTP-запросов, например, система умного дома, приложение или скрипт.

Благодаря широкой поддержке HTTP в языках программирования, обращаться к BUSY Bar можно с помощью всего нескольких строк кода. А некоторые простые запросы, такие как запрос общей информации о BUSY Bar, могут быть отправлены прямо из браузера - просто открытием http://10.0.4.20/api/status/system.

ℹ️ В случае использования USB-подключения IP-адрес BUSY Bar'а всегда будет 10.0.4.20 — он даже указан на задней крышке устройства. При подключении через Wi‑Fi IP-адрес назначается роутером. В следующих примерах мы будем использовать USB-подключение.

Документация HTTP API прямо на устройстве

Все поддерживаемые HTTP-запросы, их параметры и форматы ответов описаны в документации HTTP API, которая хостится прямо на устройстве. При подключении по USB она доступна по адресу: http://10.0.4.20/docs.

Открыть документацию HTTP API также можно с главной страницы web-интерфейса BUSY Bar, который доступен по адресу http://10.0.4.20.

HTTP-запросы можно тестировать прямо на странице с документацией, выполнив следующее:

1. Выберите запрос, например: /api/display/draw (вывод текста и картинок на экран).

2. Нажмите Try it out.

3. Скорректируйте параметры запроса.

4. Нажмите кнопку Execute, чтобы отправить запрос на BUSY Bar.

После нажатия Execute браузер отправляет HTTP API-запрос в BUSY Bar, который возвращает ответ, указывающий либо на успешное выполнение (OK), либо на ошибку (Bad Request), если с запросом что-то не так. В случае успеха BUSY Bar выводит на экран «HELLO, WORLD!».

[Видео] При успешном выполнении запроса BUSY Bar выводит на экран строку "HELLO, WORLD!"

Как AI может помочь использовать HTTP API

В сети есть тонны гайдов, обсуждений и примеров кода для работы с HTTP. А еще со всеми этими знаниями умеют работать AI-ассистенты. Поэтому даже без навыков программирования вы можете создавать виджеты для BUSY Bar.

ℹ️ Для продвинутых пользователей мы также предлагаем готовые библиотеки для Python и JavaScript, реализующие наш HTTP API.

Для создания виджета с помощью AI-ассистента (ChatGPT, Gemini, Claude и других) нужно:

• Объяснить ему, как выводить картинки и текст на экран (1 промпт).

• Объяснить, что должен делать виджет (1-2 промпта).

• Попросить устранить недостатки (0-10 промптов).

В результате вы получите скрипт, который запускается на ПК и по HTTP API отправляет UI виджета на подключенный по USB девайс.

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

Шаг 0: Учим AI использовать экран BUSY Bar

При создании каждого виджета сначала нужно объяснить AI, как использовать HTTP API, а именно два запроса:

• /api/assets/upload — для загрузки картинок в память BUSY Bar.

• /api/display/draw — для вывода текста и ранее загруженных картинок.

Промпт к AI (сделан на основе документации HTTP API):

Тот же самый текст промпта на GitHub

Результат: AI теперь умеет через USB выводить на экран изображения и тексты, а также использовать разные шрифты и цвета текста.

Делаем виджет часов

Для начала, просто для тренировки, сделаем очень простой виджет — часы с датой. Время и дата будут браться с ПК и обновляться на экране BUSY Bar раз в секунду. Время выведем крупным шрифтом — чаще всего увидеть его важнее, чем дату.

Шаг 1: Вывод времени и даты

🤖 Промпт к AI: Выведи на экран текущую дату (мелко) и время (крупно) по центру экрана. Формат даты — день.месяц.год. Время выведи с секундами.

Результат: AI написал скрипт на языке Python. Его нужно сохранить в файл с расширением .py и запустить командой python file.ру (Windows) или python3 file.ру (Linux/macOS).

Скрипт от AI: clock-1.py

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

Шаг 2: Ход часов, цвета и выравнивание

🤖 Промпт к AI: Сделай, чтобы часы шли и не выключались. Текст сейчас не по центру, сдвинь его вправо на 3 пикселя. Выведи время светло-зеленым.

Скрипт от AI: clock-2.py

Результат:

[Видео] Виджет часов. Шаг 2: Готовый виджет

Мы получили готовый виджет всего за 3 промпта. Единственное замечание — AI выравнивает текст по центру с погрешностью, т.к. символы имеют разную ширину (например, цифр 1 и 5). В следующей версии HTTP API мы добавим выравнивание текста по горизонтали и вертикали, что полностью решит эту проблему.

Делаем погодный виджет

Скрипт, запущенный на ПК, будет получать погоду из открытых источников в интернете и выводить ее на экран BUSY Bar для нескольких городов. Для каждого города скрипт выведет иконку погоды, город и температуру.

Шаг 1: Вывод погоды

🤖 Промпт к AI: Сделай скрипт, выводящий поочередно погоду в 3 городах: Dubai, London, New York с паузой 3 секунды. Погоду бери из открытых источников без необходимости регистрации.

Скрипт от AI: weather-1.py

Результат:

[Видео] Погодный виджет. Шаг 1: Вывод погоды в 3 городах

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

Шаг 2: Улучшение интерфейса

🤖 Промпт к AI: Слева на экран выведи иконку погоды (16×16), пусть скрипт сам их нарисует. Справа выведи: город (мелко) и температуру (крупно).

Скрипт от AI: weather-2.py

Результат:

[Видео] Погодный виджет. Шаг 2: Новое расположение элементов на экране

Уже лучше, но есть еще пара недочетов, которые мы устраним следующими запросами к AI.

Шаг 3: Разбираемся со знаком градуса

🤖 Промпт к AI: Символ градуса не отображается. Девайс точно умеет выводить этот символ шрифтом big.

Скрипт от AI: weather-3.py

Результат:

[Видео] Погодный виджет. Шаг 3: Теперь символ градуса отображается корректно

Почти готово. Смущают только непонятные погодные иконки. Похоже, что это слабая сторона ChatGPT. Почему бы тогда не использовать погодные иконки из эмодзи?

Шаг 4: Делаем красивые иконки

Нужно подготовить иконки для основных погодных явлений (солнечно, облачно, дождь и т.д.). Сами иконки можно взять в открытых источниках — например, существует отличный шрифт Noto Color Emoji 16.0 от компании Google. Изображения всех символов доступны в репозитории на GitHub.

Нам понадобятся картинки:

• ☀️ sun.png (солнечно) — символ u2600

• ☁️ cloud.png (облачно) — символ u2601

• 🌫️ fog.png (туман) — символ u1f32b

• ⛅ partly.png (переменная облачность) — символ u1324

• 🌧️ rain.png (дождь) — символ u1327

• 🌨️ snow.png (снег) — символ u1328

Эти картинки нужно смасштабировать до 16×16 и сохранить в папке icons, которая должна быть расположена в папке со скриптом. После этого нужно попросить AI доработать скрипт.

🤖 Промпт к AI: Сделай вывод иконок из готовых файлов, которые я положил в папку icons: cloud.png, fog.png, partly.png, rain.png, snow.png, sun.png.

Скрипт от AI: weather-4.py

Результат:

[Видео] Погодный виджет. Шаг 4: Готовый виджет

🚀 Готово! В скрипте можно изменять список городов. Можно оставить только один город и тогда будет отображаться только его погода, обновляясь каждые 3 секунды.

Делаем пинг-монитор

Ping — это способ проверки доступности устройств в сети. Смысл в отправке специального запроса на IP-адрес проверяемого узла и измерении времени от отправки запроса до получения ответа.

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

Шаг 1: Вывод графика пинг

🤖 Промпт к AI: Сделай скрипт, который выводит график пинга игрового сервера по IP. Обновление графика раз в секунду. В верхнем левом углу выведи пинг маленьким шрифтом.

Скрипт от AI: ping-monitor-1.py

AI сгенерировал скрипт, который принимает IP-адрес сервера в качестве параметра. Поэтому адрес нужно указать при запуске скрипта. Например, если адрес сервера — 8.8.8.8, то для мониторинга его доступности команда будет выглядеть так:

python3 ping-monitor-1.ру --server 8.8.8.8.

Результат:

[Видео] Пинг-монитор. Шаг 1: На экран выведен график и текущее значение пинга

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

Шаг 2: Разукрашиваем график

🤖 Промпт к AI: Пусть на графике столбцы, соответствующие 0-20 мс, будут зелеными, 21-50 — желтыми, а больше 50 — красными. Высота шкалы — 100 мс.

Скрипт от AI: ping-monitor-2.py

Результат:

[Видео] Пинг-монитор. Шаг 2: График разукрашивается в соответствии со значением пинга

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

Шаг 3: Добавляем логотип игры

🤖 Промпт к AI: Давай еще слева от графика выведем логотип игры CS:GO.

AI просит, чтобы файл с логотипом игры назывался csgo.png и лежал в папке со скриптом. Нагуглим подходящую картинку, смасштабируем до 16×16 и сохраним.

Скрипт от AI: ping-monitor-3.py

Результат:

[Видео] Пинг-монитор. Шаг 3: Готовый виджет

🚀 Готово! Всего за несколько шагов, не прибегая к программированию, мы смогли создать наглядный виджет. Его можно использовать не только для мониторинга доступности игрового сервера, но и в целом для мониторинга доступности любых других серверов в LAN или интернете.

Скоро Kickstarter

В начале 2026 года мы запустим нашу Kickstarter-кампанию. Оформите предзаказ в нашем магазине чтобы получить доступ к специальной цене для первых заказов когда кампания начнется: https://busy.bar/shop

Подпишитесь на наши X, Instagram и Reddit, чтобы следить за обновлениями BUSY Bar.

Instagram — продукт компании Meta Platforms Inc., признанной экстремистской организацией, деятельность которой запрещена на территории Российской Федерации.