Найти в Дзене
madnicko_AI

Grok пишет, DeepSeek исправляет или путь от 3d viewer к Космическому аквариуму Elite

Для всех поклонников Elite Попался в руки архив с объектами из игры Elite. Любителям компьютерных игр ее представлять не нужно. Скажу лишь, что в архиве с пару десятков файлов расширения .obj представляющие собой модели кораблей, космических станций и других объектов. Изначально я подумал, почему бы не сделать приложение, которое просто будет способно показывать файлы .obj В этот раз я решил использовать ИИ Grok. Чем хорош Grok, он пишет код быстро и позволяет запускать код, прямо в своем интерфейсе. Промт: Напиши SPA приложение одним файлом html, которое принимает файлы .obj и демонстрируют их просто вращая в пустом пространстве. Если неудобно делать заливку плоскостей можно остановиться на векторной графике граней. Как видно первый блин комом. 3д объект выглядит так, будто его вывернули наизнанку. Поэтому просим Grok разобраться с этой проблемой. Промт: Как то выглядит это все некорректно. Объект явно отображается неправильно. А камера будто внутри объекта. Камера должна находится
Оглавление

Для всех поклонников Elite

Попался в руки архив с объектами из игры Elite. Любителям компьютерных игр ее представлять не нужно. Скажу лишь, что в архиве с пару десятков файлов расширения .obj представляющие собой модели кораблей, космических станций и других объектов.

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

3d object viewer

В этот раз я решил использовать ИИ Grok. Чем хорош Grok, он пишет код быстро и позволяет запускать код, прямо в своем интерфейсе.

Промт:

Напиши SPA приложение одним файлом html, которое принимает файлы .obj и демонстрируют их просто вращая в пустом пространстве. Если неудобно делать заливку плоскостей можно остановиться на векторной графике граней.

Первый результат:

Первая версия программы. Запуск прямо в Grok
Первая версия программы. Запуск прямо в Grok

Как видно первый блин комом. 3д объект выглядит так, будто его вывернули наизнанку. Поэтому просим Grok разобраться с этой проблемой.

Промт:

Как то выглядит это все некорректно. Объект явно отображается неправильно. А камера будто внутри объекта. Камера должна находится на некотором отдалении от объекта и просто по орбите кружить вокруг него постоянно обращенной к объекту

Второй результат:

Вторая версия программы
Вторая версия программы

Результат уже приемлемый. 3д объект отображается корректно. Но нет никаких инструментов для управления видом. Поэтому просим Grok добавить элементы управления.

Промт:

Добавь функции регулирования расстояния от центра объекта и положение от центра объекта, при этом сохраняя направление камеры на объект. Вращение вокруг объекта запускать по кнопке на интерфейсе

Третий результат:

Третья версия программы с элементами контроля вида
Третья версия программы с элементами контроля вида

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

Космический аквариум

Далее я попросил Grok доработать приложение, чтобы у объекта не было видно ребер на скрытых от взгляда гранях. И тут Grok не справился. После нескольких попыток он так и не выдал приемлемый результат.

Тут на сцену вышел старый добрый DeepSeek.

Четвертая версия программы
Четвертая версия программы
Альтернативное отображение
Альтернативное отображение

Я не буду описывать каждую итерацию доработки приложения. Меня как обычно понесло в своих фантазиях. После каждого нового результата у меня появлялись новые идеи, что можно улучшить и доделать.

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

Пришлось добавить ручную корректировку осей корабля, так как иногда они летали не правильно.

Корректировка осей направления
Корректировка осей направления

Финальный результат

Финальная версия приложения с демонстрацией полета кораблей
Финальная версия приложения с демонстрацией полета кораблей

Можно будет наглядно самим попробовать. Итоговое приложение и архив с 3d объектами Elite найдете в нашем с вами Telegram-канале.