Сделал игру MasterMind при помощи БЕСПЛАТНЫХ нейросетей⁠⁠

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

А это ссылка чтобы поиграть https://boolkin.github.io/html/Vibe/MasterMind/mm-my.html

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

Поиграть можно тут: https://boolkin.github.io/html/Vibe/MasterMind/

Делал я это при помощи Qwen. Как и говорил, мне потребовалось несколько часов чтобы довести до играбельного вида, а до нынешнего 3 дня, но и добавил кучу функций еще (больше 1000 строк), поэтому эта игра самая навороченная. На тот момент нейросети были не такие умные как сейчас, поэтому результат требовал много трудозатрат. Сейчас же они стали умнее, и буквально с одного промпта (но очень качественного и продуманного что важно, если хочется конекретный результат) они могут сгенерировать то что просит пользователь практически сразу. И именно поэтому я и решил написать эту статью чтобы об этом рассказать.

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

Нужно разработать игру mastermind на html, css и js с простым адаптивным дизайном для удобного игрового процесса на мобильном устройстве.

Задача игрока угадать последовательность из 4 цветов (цвета могут повторяться в последовательности). Игра состоит из игрового поля, блока с текущей попыткой и панели управления. Сверху игровое поле, под ним блок с текщей попыткой и в самом низу панель управления (в нижней части экрана). Панель управления состоит из блока с 6 разноцветными кругами (конфигурация 3*2) и справа от блока с цветами будет блок из 2 кнопок ("проверить" и "убрать". распологаются друг под другом) в самом низу должна быть кнопка "новая игра".

По клику на каждый круг этот цвет должен наполнять текущую попытку (блок текущей попытки), заполняя игровую зону последовательно друг за другом, что означает что если щелкнул например красный круг первым, то он встает в угадываемую последовательность на первое место. После заполенения 4 цвето нажимается кнопка "проверить" после чего вся последовательность перемещается в игровое поле с номером попытки и результаотм в виде черных и белых кружов указывающие на соответствие цветов в угадываемой последовательности (черный - цвет на своем месте, безый - цвет есть, но не на своем месте). Если нажать на кнопку "убрать" до проверки то из текущей попытки убирается последний добавленный цвет и можно добавить другой при ошибке. Угадываемые последовательности цветов в игровой зоне нужно заполнять снизу вверх: это означает что последняя угадываемая последовательность цветов должна находиться всегда внизу, и обязательно прикреплена к нижнему краю игрового поля (выравнивание по низу внутри игрового поля). Попытки пронумеровать и расположить так чтобы первая была вверху, последняя внизу. (например было 3 попытки соответственно вверху первая, ниже вторая, еще ниже третья - все три прилипают к нижнему блоку с текущей попыткой). При угадывании выдавать сообщение с количеством попыток и просмотром правильной комбинации Нужно использовать только javascript html и css - все в одном файле чтобы запустить локально.

Этот промпт уже уточненный, до него был еще чуть размытее и чаще всего нейронки ошибались на нем слали совсем не то что нужно. Я очень удивился когда на arena.ai на том пропте claude-opus-4-6 сгенерировал отличную играбельную игру и все как я и просил, с теми нюансами. В тот момент я осознал что они теперь на это способны. Но клод это платная нейросеть, в России не доступна, а хочется бесплатных, и они есть. И начну с того что меня прям удивило. Это гугл. Если не авторизовываться то на главной странице поисковика есть режим ИИ и ему можно задать запрос в чате, я спросил, и он выдал замечательный маленький код (самый маленький) и при этом рабочий - очень круто. Скрины выкладывать не буду, буду кидать просто ссылки: https://boolkin.github.io/html/Vibe/MasterMind/mm-goog.html (10 кБ всего = 305 строк. Моя версия 6 кБ = 196 строк)

Дальше снова квен qwen, но он отработал не сразу, только режим веб выдал играбельную версию по запросу, остальные режимы и режим по умолчанию не справились. Играть тут: https://boolkin.github.io/html/Vibe/MasterMind/mm-qwen-web.html (18кБ = 515 строк)

Потом есть другая нейросеть, которая меня удивила: Kimi. Как-то я ей не пользовался особо, но он сделала сходу очень приятную игру и тоже с небольшим объемом: https://boolkin.github.io/html/Vibe/MasterMind/mm-kimi.html (20кБ, 660 строк)

Нашумевший дипсик справился не сразу тоже, только в режиме с думаньем (thinking) он смог сгенерировать лучше, играть можно, но в целом я не сильно доволен, если честно, особенно глядя на то как другие делают. И вообще дипсик не заходит, но говорят не совсем для кодинга он, как знать. И еще его версия самая кривая, интерфейс необычныйи может под мобильном смотреться не очень, но принял результат потому что он как бы соответствует ТЗ, и поэтому надо включить в обзор, к тому же не так много нейронок бесплатных бывает. Проверить его творчество: https://boolkin.github.io/html/Vibe/MasterMind/mm-deep-th.html (553 строки)

Это все китайские нейросети (кроме гугла), и следующая тоже китайская: GLM (Z.ai). Я ей частенько пользуюсь она мне нравится, но у нее есть иногда проблемы что как будто не хватет токенов, и GLM 4.7 иногда даже лучше чем 5 версия, просто потому что 5 перестает отвечать, просто тупо не пишет и все. В данном случае самый киберпанковый интерфейс - очень эффектно, очень красиво, хотя и спорно. Весит тоже не много, относительно, хотя и конечно с гуглом совсем не сравнится, но красивее, однозначно: https://boolkin.github.io/html/Vibe/MasterMind/mm-glm.html (22 кБ, 872 строки)

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

И еще я запустил на локальной машине qwen 4b instruct и на удивление он выдал вполне неплохой код, это выгляело стремно, совсем не так, но это играло. криво, но играло. Я удивлен. 372 строчки 3308 токенов на ноуте с картой 1650 - это хороший результат