Мой прошлый пост-манифест встретили, мягко говоря, прохладно. И это справедливо: на Пикабу любят «мясо», а не рассуждения о будущем. Поэтому отключаем режим визионера и переходим к практике.
Сегодня я покажу техническую сторону процесса: как, не будучи программистом, собрать рабочий прототип игры за пару вечеров. Я использую ИИ как инструмент (junior-разработчика), который пишет код, пока я занимаюсь геймдизайном и логикой.
Ниже - пошаговый гайд: какой стек выбрать, как ставить задачи нейросети, чтобы она не писала бред, и как получить готовый результат, а не просто кусок текста. Погнали.
Чтобы не быть голословным, показываю свой рабочий набор инструментов. Он идеально подходит для тех, кто хочет «просто попробовать», не скачивая гигабайты софта типа Unity или Unreal Engine.
Нам понадобятся 3 инструмента (все бесплатные):
Игровой движок: Phaser (версия 3) Почему он? Это библиотека JavaScript. Не пугайтесь слова JavaScript. Для нас главное, что игры на Phaser запускаются в любом браузере (даже с телефона), они легкие, и нейросети отлично знают документацию этого движка.
Мозг: DeepSeek (или любая LLM) Берем DeepSeek, потому что он бесплатный, отлично пишет код и (важно!) работает в РФ без танцев с бубном.
Среда разработки: Visual Studio Code (VS Code) Звучит страшно, но на деле это просто продвинутый блокнот. Он нам нужен для одной фишки Live Server.
Шаг 1. Подготовка (5 минут)
Качаем и ставим VS Code. Внутри программы заходим в раздел «Расширения» (квадратики слева) и пишем в поиске Live Server. Жмем Install. Всё. Теперь мы можем запускать нашу игру в браузере в один клик.
Шаг 2. Промпт (ТЗ для нейросети)
Многие думают, что нужно знать секретные заклинания. На самом деле, чем проще и логичнее вы опишете задачу, тем лучше будет результат.
Главный секрет: Обязательно укажите, что мы используем библиотеку Phaser 3 и хотим получить код в одном HTML-файле (так проще для старта).
Мой промпт для теста:
«Напиши код игры "Арканоид" (Breakout) в одном HTML-файле, используя библиотеку Phaser 3. Требования:
Управление платформой мышкой.
Сверху 3 ряда цветных кирпичей.
При падении мяча вниз — перезапуск.
Добавь счетчик очков. Используй простую геометрию вместо картинок».
Шаг 3. Магия (Копипаст)
Нейросеть выдаст вам «полотно» кода.
Создаем папку на рабочем столе.
Открываем её в VS Code.
Создаем файл index.html.
Вставляем туда код от нейросети.
Шаг 4. Запуск
В VS Code жмем правой кнопкой мыши по файлу -> Open with Live Server. Откроется браузер, и... скорее всего, вы увидите свою игру.
Реальность
Конечно, с первого раза может не получиться идеально. Например, мяч может застрять в стене или ракетка улетит за экран. Тут начинается работа «оператора нейросети». Вы просто пишете в чат: «Платформа уезжает за пределы экрана, исправь это». И заменяете код.
Итог: За 15 минут у нас есть играбельный прототип. Да, это не Cyberpunk 2077, но это ваша игра, которая работает.
Тут я просто балуюсь с различными вариантами интерфейса. Это кстати арт шамана, за которого я играю в D&D по Морровинду.
Пока ничего обещать не буду, ибо не знаю насколько меня хватит. Уже не первая попытка подружиться с игровым движком Godot, но сейчас я хотя бы понимаю че в коде пишу. Можно было конечно и на RenPy делать что-то подобное, но слишком уж он ограничен в функционале для моих хотелок.
Пусть духи хранят автоматический перевод озвучки, потому что на гоблинском языке нормальных видеоматериалов по Godot нет от слова СОВСЕМ. Да и благодаря нейросетям быстро получаешь объяснение, за что каждый элемент в коде отвечает.
Если у меня не закончится терпение и я освою весь необходимый функционал - возможно запилю небольшую новеллу про гоблинское житие-бытие. Конечно же все будет обмазано чернушным фентезийным юмором. Если хватит навыков - будут разные механики действий, помимо выбора ответа в диалогах и даже боевка. А вот за визуал возьмется моя подруга Белава, которую вы помните по артам к Бандам Икраго (да-да, новелла и при этом без нейро-артов).
Пока ChatGPT Agent обрастает мхом, разработчик-одиночка Питер Штайнбергер соорудил Clawdbot – агента, который гремит на весь интернет. Правда, под давлением Anthropic, бот уже переименован в Moltbot, но первое название пока привычнее.
Clawdbot это надстройка над Claude Code, агентом для программирования для Anthropic. Чаще всего в нем используют Claude Opus/Sonnet 4.5, но поддерживаются как ИИ конкурентов, так и открытые модели, если железо потянет. Clawdbot устанавливается через терминал на Мак или ПК, и получает почти полный доступ к системе: настройки, файлы, бразуер, почта и т.д. Это поднимает вопросы к безопасности, о них – в конце поста.
В англоязычном X все скупают для Clawdbot-а MacMini $600, чтобы он на нем работал круглосуточно. Есть и другой путь – поставить на виртуальный сервер, где бот, кстати, превращается в мини-админа. Я плачу за сервер 5 евро в месяц, видел, что народ ставит на бесплатный тариф от AWS.
Разумеется, коммерческие модели типа Claude Opus 4.5 не крутятся на ПК/сервере физически – Clawdbot обращается к ним через API. В случае с Claude понадобится подписка Pro или Max, но учитывайте, что на Pro лимиты использования бот тратит от всей души.
Общение идет через Discord, WhatsApp, Telegram – по сути, через чат вы удаленно управляете ПК/сервером, на котором стоит очень мощный ИИ. Его можно использовать как чат-бота, админа, секретаря, программиста – насколько хватит вашей фантазии.
Clawdbot постоянно дорабатывает себя под запросы пользователя. Посмотрите на картинку выше – я попросил его рассказать, как устроена его память. На старте бот спрашивает, как его зовут и какой у него характер. Затем просит пользователя рассказать о себе. В процессе работы бот накапливает знания о пользователе и ведет дневник, запоминая, что делали каждый день, какие ошибки допустили.
Если в ChatGPT мы ограничены возможностями, заложенными разработчиком, то Clawdbot собирает инструменты под задачи на ходу. Простой пример: после установки я решил включить веб-поиск. Обычно используют Brave API, но там нужна иностранная карточка, а мне было лень заморачиваться.
Я спросил у Clawdbot-а альтернативы. Он предложил поднять SearxNG — опенсорсный метапоисковик, который агрегирует результаты из Google, Bing и DuckDuckGo. Один Docker-контейнер, никаких API-ключей, полностью бесплатно. Через пять минут у меня был собственный поисковый бэкенд на localhost:8888, а бот уже умел им пользоваться.
(это не я такой умный, просто попросил бота рассказать, что он сделал)
Появилась задача собирать заголовки и лид-абзацы с сайта – Clawdbot скачал себе Chrome, настроил и сделал. По утрам бот присылает мне новостную сводку, я отвечаю, что заинтересовало. Он корректирует темы и источники, чтобы лучше попадать в мои интересы. Также он шлет мне напоминалки – я много времени провожу в Telegram и это удобно.
Алекс Финн рассказал в X, как попросил Clawdbot-а зарезервировать столик в ресторане. OpenTable не сработал, поэтому бот использовал ElevenLabs для записи голосового сообщения, затем с помощью Voice Call плагина позвонил в ресторан. Фантастика.
Что с безопасностью?
Если установить Clawdbot на ПК, то он получает доступ ко всем вашим файлам, почте и настройке. Теоретически, этим могут воспользоваться злоумышленники: например, вы просите бота сделать саммари PDF, внутри которого спрятана команда собрать личные данные и отправить на нужный адрес. Бот ее читает и выполняет – классический prompt injection.
Поэтому советуют использовать Claude Opus 4.5 – это самая продвинутая модель Anthropic, которая лучше защищена от взломов. И не стоит сразу разворачивать Clawdbot на рабочей машине – лучше сначала поставить на старом ПК или виртуальном сервере и разобраться. А затем можно попросить бота настроить безопасность.
P.S. Поддержать меня можно подпиской на канал "сбежавшая нейросеть", где я рассказываю про ИИ с творческой стороны.
Цель проста как мир: получать деньги ничего не делая. Это, конечно, упрощение, но именно этого я добиваюсь. Для этого я использую свои знания в программировании чтобы создать систему, которая будет торговать на бирже и приносить стабильный доход.
Параллельно в своем цикле статей я делюсь с вами, что я уже изучил и что получилось реализовать. Для обучения я активно использую https://grok.com/, он же помогает мне редактировать статью перед публикацией.
Ранее мы уже настроили API T-Банка и научились работать с портфелем и ордерами, вывели базовые данные о инструментах. Теперь добавим визуализацию — свечи и индикаторы.
График цены
После того как я опубликовал предыдущую часть и взялся за работу над этой, я ощутил нехватку функционала на своем сайте и решил сначала заняться недоработками.
Конечно, изменение цены можно отобразить с помощью простого графика в виде линии с координатами времени и цены, но в инвестировании такой график редко где используется, я бы даже сказал, “почти никогда”.
Вместо него используются японские свечи - это простой и понятный способ отображения, что происходило с ценой за выбранный промежуток времени.
В таком графике вместо точек и линии используются, так называемые свечи, которые представляют собой прямоугольники с полосками сверху и снизу. Для графика задается интервал времени для которого он считается (минуты, часы, дни) и для каждого такого интервала времени на графике будет соответствовать одна свеча.
Прямоугольник - это тело свечи, где верхняя и нижняя грани показывают цены открытия и закрытия в указанный интервал. В зависимости от того, что выше (цена открытия или закрытия) меняется цвет свечи. Обычно используют зеленый (или белый), если цена закрытия выше цены открытия и красный (или черный), если наоборот. Всё как обычно просто: зеленый - это рост, красный - падение.
Также, сверху и снизу прямоугольника есть полоски - тень свечи. Они отвечают за отображение разброса цен в выбранный интервал времени. То есть цены открытия и закрытия могут не сильно отличаться друг от друга, но торги могли проходить в гораздо большем диапазоне.
Для отображения у себя я не стал изобретать велосипед и взял первую попавшуюся под руку готовую библиотеку для построения подобных графиков https://www.npmjs.com/package/lightweight-charts . Но пришлось ее немного допилить, так как изначально она не могла показывать детали по каждой свече. Куда ж без костылей? 😅
Получилось неплохо для начала.
Отображение свечей на деталях инструмента
Я добавил отображение основных параметров свечи при наведении на нее - дата, цена открытия и закрытия, минимум и максимум. Но не остановился на этом и добавил объёмы торгов общие и отдельно на покупку и продажу.
Кстати, иногда объёмы продаж делают дополнительным графиком под свечами для большей информативности, но мне это пока что не нужно, поэтому достаточно данных внутри тултипа.
На этом завершаются наши подготовительные работы и, наконец, пора взяться за …
Индикаторы📈
Ожидали увидеть тут главу про сигналы? Я даже начал именно так писать, но до сигналов нужно рассмотреть сначала индикаторы и, так вышло, что сигналы вообще не вместились 😅.
Индикаторы - формула (или набор формул), которая преобразует цену, объём или другие рыночные данные в линию, гистограмму, точки или область на графике.
В этой статье я обещал рассказать про скользящие средние, с них и начнем.
Простая скользящая средняя (Simple Moving Average, SMA)
Волей случая я начал знакомство именно с этой версией. И даже думал, что именно эта реализация является единственным вариантом скользящих средних. Но на деле оказалось, что скользящие средние это большой класс индикаторов, которые можно считать по разным формулам.
Простой скользящей средней называют просто среднее арифметическое цен закрытия за последние N свечей. Берём, например, 20 последних дней(минут, часов и т.д.), складываем цены закрытия и делим на 20 — получаем значение SMA-20 на сегодня. Завтра добавляем новую цену, убираем самую старую — и линия «скользит» дальше. Отсюда и название — скользящая.
Также стоит уточнить, что интервалы для свечей могут быть разные: более короткий интервал - более короткий горизонт планирования. Можно брать дни, недели, а можно минуты, соответственно после покупки нужно будет держать инструмент недели-месяцы или продать его в течение дня.
Какие преимущества и недостатки индикаторов обсудим в конце главы.
Экспоненциальная скользящая средняя (Exponential Moving Average, EMA)
Если простая скользящая средняя (SMA) одинаково смотрит на все последние N дней, то в экспоненциальной скользящей средней EMA последние цены имеют гораздо больший вес, а чем старше цена — тем меньше она влияет на текущее значение.
Получается, что EMA реагирует на изменения цены быстрее и резче, чем SMA с тем же периодом.
Расчет EMA сложнее SMA.
Первое значение берется как SMA за тот же период, дальнейшие считаются по формуле
EMA = (close*k)+(EMA_пред * (1-k))
где k = 2/(period + 1)
И вот тут мы дошли до состояния, что можно получить просто используя Т-Инвестиции. В прошлом, когда я пробовал вручную торговать на бирже (лет 5 назад), этого не было. Сейчас графики SMA и EMA можно посмотреть для любого инструмента в деталях. Поэтому, чтобы не грустить из-за этого, добавим еще несколько индикаторов.
Взвешенная скользящая средняя (Weighted Moving Average, WMA)
Изначально не хотел делать этот индикатор, но он нужен для расчета следующего индикатора, поэтому “а почему бы и нет?”, лишним не будет.
По сути, это альтернатива EMA, где вес последних цен выше, чем у старых, но расчет немного иной. WMA медленнее реагирует, чем EMA, но быстрее SMA.
Знаменатель — это сумма весов. Также есть формула для расчета первых n натуральных чисел, которой мы воспользуемся для упрощения (1 + 2 + ... + n) =n(n+1)/2
Для оптимизации использовалось скользящее окно, с помощью которого удалось избавиться от внутреннего цикла.
Если говорить о плюсах и минусах, то можно сказать, что WMA - это что-то среднее между SMA и EMA, но, всё-таки, ближе к EMA.
(Экспоненциальная) Скользящая средняя Халла ((Exponential) Hull Moving Average, HMA/EHMA)
Этот индикатор один из самых быстрых и одновременно самых гладких скользящих средних.
Её придумал Алан Халл в 2005 году специально для того, чтобы максимально уменьшить запаздывание и при этом оставить линию достаточно гладкой (меньше ложных разворотов).
Изначальная логика строится на данных WMA и называется скользящей средней Халла (HMA), но есть экспоненциальная модификация (EHMA), когда в качестве основы используется EMA, сохранив всю остальную часть логики.
Формула очень сложная для расчета вручную, но компьютер пусть трудится.
HMA = WMA( 2 × WMA(n/2) − WMA(n) , √n )
Шаг 1. WMA(n/2) - считаем WMA с половинным периодом
Шаг 2. WMA(n) - считаем WMA с полным периодом
Шаг 3. RawHMA = 2 × WMA(n/2) − WMA(n)
Шаг 4. HMA - считаем WMA с периодом √n, где на входе вместо свечей даем RawHMA.
Соответственно, для EHMA меняем WMA на EMA.
При этом для округления периода n/2 берется округление вниз, а для √n - обычное математическое.
Писать повторно WMA внутри HMA, конечно же, мы не будем и вызовем готовую функцию, созданную чуть ранее. Также, подстроим формат rawHma к формату свечей, чтобы можно было вызвать функцию WMA.
Сравнение скользящих средних🔍
Все рассмотренные скользящие средние смотрят за направлением тренда и реагируют на изменение этого тренда. Но результат отличается по скорости реакции и наличию шумов.
Теперь сравнительная таблица. Оценки по 5-балльной шкале: для сглаживания — 5 означает высокое сглаживание (меньше шума), для запаздывания — 5 означает низкий лаг (быстрая реакция).
Сравнительная таблица
Промежуточный результат✅
Графики в деталях инструмента
На детали инструмента был добавлен важнейший график - японские свечи, с возможностью выбора временного интервала, и возможность отобразить графики SMA, EMA, WMA, HMA, EHMA с периодами 9, 20, 50, 200.
Эти графики уже могут быть полезными для опытного инвестора и они уже дают больше информации по скользящим средним, чем то что доступно в Т-Инвестициях.
Краткосрочные планы
Январь выдался на удивление продуктивным, надеюсь сохранить результативность и за месяц написать и выпустить следующую статью.
В следующей статье я хочу начать работу над сигналами, наконец-то, и рассмотреть пересечение скользящих средних, возврат к среднему, RSI - то, что должно быть в этой статье. Если есть более интересная тема - предлагайте в комментариях, возможно, планы будут скорректированы. Может стоит еще добавить индикаторов?
После прошлого поста мой список задач вновь разбух от ваших комментариев. Кто-то ругался на растянутые видео с Самсунгов, кто-то просил профессиональную работу со звуком.
Я взял паузу и переписал половину кода. Баги исправлены, вертикалки работают, а функционал вырос в два раза. Давайте покажу, что нового.
Для тех, кто пропустил прошлые посты, напомню, что Vidocean это видеоредактор, который работает на 100% в вашем браузере. Никакие файлы не улетают на сервер, всё обрабатывается мощностями вашего процессора и видеокарты через WebAssembly и WebCodecs. Приватность максимальная.
1. Студийный звук: Компрессор и Авто-выравнивание
Тихий звук бесит зрителей даже больше, чем плохая картинка, поэтому я добавил полноценный аудио-движок. Во-первых, появился компрессор. Он работает как в любом DAW(FL Studio, Ableton Live и т.д.), выравнивая динамику. Во-вторых, добавлена функция Loudnorm или авто-уровень. Это волшебная кнопка, которая приводит громкость к стандарту минус 14 LUFS, что является стандартом для YouTube и Spotify. Просто нажимаете, и звук становится ровным и профессионально громким.
Автовыравнивание громкости звука
Компрессор звука
2. Удаление тишины (Silence Remover)
Вы загружаете лекцию, подкаст или влог, алгоритм сканирует звук, находит паузы, вдохи и молчание, а затем автоматически вырезает их, склеивая видео. На выходе получается тот самый эффект Jump Cut. В настройках можно задать порог тишины в децибелах и минимальную длительность паузы, чтобы речь не звучала рваной. Также можно выбрать конкретную аудиодорожку для анализа. Сразу предупреждаю, инструмент экспериментальный, любая обратная связь приветствуется. (Пока что работает только в chromium-подобных браузерах:Google Chrome, Yandex Browser, Edge и другие)
3. Таймлапс из фотографий
Функция для фотографов, 3D-художников и владельцев экшн-камер. Вы просто перетаскиваете папку с сотней или тысячей фотографий, а сервис собирает их в видеофайл MP4.
4. MP4 в PNG последовательность
Это обратная операция, которая позволяет разобрать видео на кадры в форматах PNG, JPG или WebP. Полезно для аниматоров, создания спрайтов или если нужно вытащить конкретный кадр в максимальном качестве без артефактов обычного скриншота.
5. Нишевые конвертеры
По заявкам в комментариях я добавил поддержку специфичных форматов. Теперь есть конвертация видео в OGV. Также добавил конвертацию WMV в AVI для тех, кто работает со старыми архивами.
6. Продвинутый GIF-конвертер
Теперь гифки можно сжимать в 1,3-2 раза сильнее без видимой потери качества. Я добавил Lossy-сжатие от 0 до 100 процентов, оптимизацию палитры и удаление дубликатов кадров, что идеально подходит для скринкастов.
Работа над ошибками (Samsung, iPhone и память)
В прошлый раз в комментариях справедливо ругались на баги, поэтому я провел большую чистку. Главное, я победил вертикальные видео. Владельцы Samsung и iPhone могут выдыхать, так как я полностью переписал логику чтения метаданных Rotation. Раньше видео могло растягивать или переворачивать, теперь сервис корректно понимает ориентацию файла с любого телефона(искренне надеюсь на это). Также исправлен баг Dimension Resolver, когда при кропе или ресайзе слетали пропорции.
Планы
Разобраться с конструктором и интегрировать в него большую часть инструментов в единый интерфейс. Это довольно сложная задача, пока оставляю на потом. Тёмная тема и пакетная обработка не за горами
Сервис бесплатный. Если хотите поддержать проект, на сайте есть кнопка доната, но весь функционал доступен и так. https://pay.cloudtips.ru/p/cdf123e9
У меня просьба к лиге тестировщиков, особенно интересно ваше мнение про удаление тишины и компрессор. Это технически сложные штуки, буду рад фидбеку. Если что-то отвалится, пишите в комменты версию браузера и ОС, буду чинить.
ENIGMA AI v.2.1.3 — ИИ помощник для IT-собеседований. Подсказывает ответы в реалтайме, невидим при шаринге экрана → enigmai.ru. Подстрахуй себя на собеседовании.
ENIGMA AI v.2.1.3 — ИИ помощник для IT-собеседований. Подсказывает ответы в реалтайме, невидим при шаринге экрана → enigmai.ru. Подстрахуй себя на собеседовании.
