Лучший вайб-кодинг SaaS для прототипирования 3D сцен на Three.js

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

Но испытание это не только для меня. Большие языковые модели пока еще несовершенны при работе с 3D и очень плохо «ощущают пространство».

Я решил протестировать несколько сервисов для генерации кода: Lovable, v0, Firebase Studio и harvi.pro, чтобы посмотреть какой из них лучше всех справится с генерацией 3D сцен.

Промпт был не очень сложный:

Create a Vite, React, TypeScript, Three.js app. The main scene is a map of an island surrounded by sea. The island is a small town consisting of 20 houses (4x5). Between the houses there is a roadway (wide roads). From the edge of the road to the entrance to the house there is a path (narrow path). The houses are surrounded by a fence separated small white boards and have a house plot.

Результаты получились следующими:

Lovable вообще не смог запустить Three.js проект, я дал ему второй шанс, и его он запорол. Последнее место.

Firebase Studio не послушался, и вместо Vite использовал Next.js. Ничего не имею против, прощаю, но 3D сцена выглядела бедненько и кривовато. Последующие итерации не исправили ситуацию. Также он не позаботился о возможности покрутить камеру. Третье место.

v0 сделал круглый остров и синее море вокруг - зачет. На первых итерациях не было забора и крыши стояли криво. И мне так и не удалось заставить его сделать дороги в городе (привет всем городским администрациям нашей страны). Второе место.

Harvi.pro сильно меня удивил, сделал зеленый остров, синее море, дороги и дома с забором, освещение и тени. На первой итерации крыши были повернуты не в правильную сторону, но такая же проблема была на первой итерации у v0. И были фризы из-за наложения слоев, которые были пофикшены на второй итерации.
Ему я заслуженно отдаю первое место в этом состязании.

Продолжу эксперименты с harvi.pro, и попробую сделать на нем небольшую игру, буду держать вас в курсе, поэтому если еще не подписались, сделайте это, чтобы не пропустить.

@vibe_coding_channel

Лучший вайб-кодинг SaaS для прототипирования 3D сцен на Three.js. Часть 2.

В продолжении моего топа, решил сделать еще несколько тестов, немного усложнил промпт, и взял еще три сервиса.

Lovable. Я дал ему еще один шанс, дал ему простой промпт, проще чем всем остальным:
Create a detailed three.js model of beautiful woman. Он повторил предыдущий фейл, сначала не установил нужные зависимости, я нажал "Try fix", зависимости были установлены, дальше не собрался проект из-за undefined какой-то переменной, я нажал "Try fix", и он сказал, что они перегружены, попробуйте позже. Опять последнее место.

Replit. Достаточно известный игрок на рынке, были к нему высокие ожидания. Интерфейс очень сильно перегружен. Агент работает очень долго. Я долго не мог понять как сделать предпросмотр. Оказалось нужно нажать на вкладки - создать новую - выбрать preview - указать название проекта. Жесть. Из плюсов - он ходит в интернет за подсказками и открыто говорит об этом. Результат генерации сцены посредственный. Третье место.

Emergent. Новый участник в моем топе, много о нем слышал положительных отзывов. Доступ только по инвайтам. На старте дают 10 кредитов. Хватает на одну сцену с 4-5 итерациями доработки. Результат виден на скриншоте, в целом сносно, он первый, кто предложил сделать песчаный берег вокруг острова. В остальном графика и детализация достаточно сдержанная. Второе место.

Bolt.new. Тоже известный участник на рынке. При регистрации дают 1 млн токенов, но использовать в сутки можешь только 150 тысяч. Результат мне понравился. Во-первых анимированный полупрозрачный океан. Во-вторых, интересная реализаци лодки, конечно больше на судмарину похожа, но это интересно. В-третьих, остров окружен песчанным пляжем, землей и дальше растительностью. В-четвертых, домики, тут конечно спорный момент если начать приглядываться. С одно стороны белые с красной крышей, двумя окнами и дверью хорошо смотрятся, вокруг дома еще белый забор необычный. С другой стороны забор и крыша требуют доработок, а токенов уже нет. В промпте ничего не было о деревьях, он их добавил. Единственное, где он поленился - это дороги (привет всем городским администрациям нашей страны). Половина первого места.

Harvi.pro. Это фоварит прошлого топа, мой проект перерос уже в модульную архитектуру, я сжег почти 25 млн токенов. У меня там пока один остров, зато какой: пляжная зона, лесная зона, жилая зона с дорогами и аккуратными домами с заборчиком. По улицам медленно и непрерывно ходят "островитяне". Я могу взаимодействовать как с домами, так и человечками в режиме RPG, с дополнительной сценой. Вокруг острова перемещается солнце, и облачка, тени, лодка качается на волнах. Игровой персонаж может сесть в лодку, объехать остров и пришвартоваться с другой стороны острова. Управление лодкой напоминается физику моей любимой игры - Windward. Половина первого места этого топа.

В общем, я набил руку (и немного шишек) и готов поделиться с вами своим опытом, хочу в конце июня провести воркшоп, по-вайб-кодить 3D игру на Three.js с помощью Harvi. Что думаете?