Telegram-канал desimeon - Desimeon: Unsorted - каталог телеграмм

Desimeon

06 Apr 2025 20:32

Про тетрис и вайбкодинг

Я обожаю тетрис. Я периодически залипаю в tetr.io/apotris/techmino — но моей любовью был тетрис, который у меня был очень давно на айфоне и который умер после очередного обновления системы. Какое-то время у меня в голове даже крутилась идея сделать свой идеальный тетрис, но ~~у меня не было свободного времени~~ мне было слишком лениво этим заниматься.

А ещё я не кодил уже две недели, потому что занимался а рисованием презентаций, постеров, написанием латеха, хождением на встречи и так далее. Я настолько в этом погряз, что пропустил и Gemini Pro 2.5, и Deepseek V3 — которые было очень интересно попробовать в коде.

В итоге, в ленивое воскресное утро я проснулся и решил попробовать этот ваш вайбкодинг в задаче написания тетриса. Я к нему относился очень скептически — потому что модельки плохо пишут мой код — но может быть у меня просто задачи неправильные и в каких-то других задачах (игра в вебе вместо дса) на других языках программирования (js/html/css вместо питона) они покажут себя лучше. В общем то, так и оказалось, но не совсем и не везде.

Чтобы было интереснее, я решил добавить в тетрис бонусы и магазин, ~~почти что как в балатро~~. Бонусы всегда имеют и положительную, и отрицательную сторону — например, становится больше палок, но также становится больше фигур s и z. Раз в 15 секунд включается рандомный модификатор из доступных бонусов, в это же время обновляется ассортимент в магазине и можно купить новый бонус. В идеале, бонусов должно быть много-много, но я сделал их 8 штук, потому что больше я пока что не придумал. Потом ещё добавлю :)

В качестве системы для вайбкодинга я решил взять самое банальное из всего: канвас с Gemini 2.5. Он умеет сразу рисовать HTML и исполнять JS, так что как будто бы это был самый простой вариант.

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

Потом начались сложности. Одним из придуманных мной предметов была glass cannon — увеличение числа очков за закрытые линии, но уменьшение высоты стакана. Это оказалось достаточно сложной задачей для модели, потому что и добавить логику проверки высоты, и рисование запретной зоны потребовало аж двух (!) правок кода за один раз. Причём самостоятельно найти ошибку она не могла — и мне пришлось лезть в сурцы, написанные на языке, который я понимаю достаточно слабо. В этот момент обнаружился второй минус вайбкодинга: код, который пишет модель, запутанный, сложный и разобраться в нём с полпинка можно только когда он короткий — но когда он простой и короткий, модель и сама прекрасно справляется, так что разбираться в коде нет необходимости.

После победы над бонусами, кодовая база разраслась больше чем до тысячи строк кода, и магия вайбкодинга начала исчезать. Вместо того, чтобы добавлять новые фичи и не трогать старые, гемини зачем то начала переписывать весь написанный ей код, убирая старые методы, ломая логику и не доделывая то, что её попросили сделать. К тому же, у неё откуда то вылезло непреодолимое желание {/* писать комментарии вот так */}, что просачивалось в итоговый вебапп, потому что это не является комментарием. В итоге, кнопки гемини с трудом, но сделала, а вот отзывчивым интерфейс я делал уже сам, матерясь про себя на нелогичность HTML, непонятность жабаскрипта и свою долюшку нелёгкую.

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

Репа с кодом
Поиграть можно вот тут
Ссылка на диалог с гемини