- BrainTools - https://www.braintools.ru -

HTML и JS анимация — сравнение нейросетей на примере солнечной системы

Хочу поделиться эмоциями [1]. Нужно было для жены визуализировать что такое ретроградный меркурий. В последнее время все подобные вопросы решаю через ИИ, но думал, что с таким оно не справится. Открыл свой ИИ агрегатор [2] и попросил сделать анимацию солнечной системы с реальными орбитами и скоростями, а при наведении мышкой, чтобы выводил основную информацию по планетам. Все запросы делались через API, а не напрямую в ИИ. Вероятно, если делать напрямую – результат будет лучше. Запрос буквально в несколько строк и получил вот такую штуку http://aipanda.online/test/sun/sunsystem.html [3]

HTML и JS анимация — сравнение нейросетей на примере солнечной системы - 1

Это меня безумно воодушевило и дальше я попросил сделать визуализацию движения меркурия по небосклону если наблюдатель на земле и визуализировать ретроградность меркурия. Лучше всего с этой задачей справился deepseek и первое, что он выдал и стало финальным вариантом. Это надо видеть в динамике, потыкать можно тут — https://aipanda.online/test/sun/mercury.html [4]

HTML и JS анимация — сравнение нейросетей на примере солнечной системы - 2

Ну и понеслось. Решил сравнить, как с этой задачей справятся разные нейросети. Сравнивал разные модели: O4 mini, Яндекс, Sonar, GPT 4.1 nanomini и deepseek v1r1 и т.д.

DeepSeek R1

Реально готовый(ctrl+c ctrl+v) и красивый результат выдал только DeepSeek, при этом R1 дает более красивую картинку – https://aipanda.online/test/sun/sunsystemr1.html [5]

HTML и JS анимация — сравнение нейросетей на примере солнечной системы - 3
HTML и JS анимация — сравнение нейросетей на примере солнечной системы - 4

Такой красоты вообще не ожидал, окошки с информацией открываются плавно, все двигается, весь интерфейс в едином стиле.

Сам запрос не составлялся специально, а был потоком мысли. И звучал так:

Сделай интерактивную модель солнечной системы на HTML + JS в одном файле. Внизу выведи управление скоростью вращения. Стартовая скорость = 1 год — 20 секунд. При наведении на каждую планету или нажатии выводи во всплывающем окне подсказку с основными данными о планетах: размер, вес, класс, атмосфера, скорость вращения, длина дня, длина года. У каждой планеты должно быть подписано название. Скорость должна быть управляемой.

GPT 4.1 nano – Неудача

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

HTML и JS анимация — сравнение нейросетей на примере солнечной системы - 5

попросил исправить еще раз, но анимация так и не появилась и снова все планеты пропали

GPT 4.1 mini

Справился лучше нано, но спалил меркурий в 2027 году об солнце. После нескольких доработок стало работать, первоначальный вариант вот – https://aipanda.online/test/sun/nano.html [6]

HTML и JS анимация — сравнение нейросетей на примере солнечной системы - 6

При этом выдал довольно чистый код, но визуализация и решения довольно странные, за-то справился раз в 5 быстрее дипсика.

O4 mini – разочарование

Возлагал на него надежды, но не думая выдал какой-то короткий кусок кода, который визуально хуже нано и толком ничего не работало

HTML и JS анимация — сравнение нейросетей на примере солнечной системы - 7

Яндекс GPT 5 PRO – не программист

Вообще не справился с задачей даже после 3 просьб исправить код.

Perplexity Sonar – приятно удивил и выдал достаточно чистый HTML, JS и CSS

Для бюджетной нейросети справился достаточно неплохо. С первого раза правда накосячил – не выдал подсказки по планетам, но со второго исправился. Отработал на уровне 4.1 mini

HTML и JS анимация — сравнение нейросетей на примере солнечной системы - 8

GPT 4.1 – самый дорогой, но не самый лучший

В принципе с заданием справился, результат можно посмотреть тут – https://aipanda.online/test/sun/4.html [7], честно – ожидал от него результата поинтереснее.

HTML и JS анимация — сравнение нейросетей на примере солнечной системы - 9

Sonnet Cloudy – Google vertex

Должен приклонить колено – лучшая техническая реализация. Визуально тоже очень хорошо. https://aipanda.online/test/sun/sonnet.html [8] – минималистично, все работает, все точно. Чуть менее красиво дипсика и отказался всплывашки делать по клику, только подсказки при наведении.

HTML и JS анимация — сравнение нейросетей на примере солнечной системы - 10

GROK 4 xAi – технический минимализм

С задачей справился полностью, но визуал очень аскетичен. Самый короткий код – всего 180 строчек. Но все сделал, даже всплывашки по клику, адаптива фактически нет, но декстоп неплох – https://aipanda.online/test/sun/grok.html [9]

HTML и JS анимация — сравнение нейросетей на примере солнечной системы - 11

Cohere Command A

Можно было не проверять, исправлять доп запросами уже смысла не видел, выглядит стремно, с задачей не справился

HTML и JS анимация — сравнение нейросетей на примере солнечной системы - 12

Вместо заключения

Вот такой странный обзор-сравнение получилось. Все опыты проводились на собственном агрегаторе нейросетей [2], так что могут быть чисто технические проблемы в самом сервисе.

Итоги будут такими:

  1. DeepSeek R1 – красавец, пожалуй самая технологичная и красивая реализация

  2. DeepSeek V1 – более минималистичный, но реализация тоже прекрасна, особенно что касается визуализации

  3. Sonnet Cloudy – прекрасная техническая реализация и минимализм в визуале

Остальных не вижу смысла добавлять в сравнение. Всем спасибо, вдруг кому будет полезно.

Автор: Vkkiwi

Источник [10]


Сайт-источник BrainTools: https://www.braintools.ru

Путь до страницы источника: https://www.braintools.ru/article/17215

URLs in this post:

[1] эмоциями: http://www.braintools.ru/article/9540

[2] ИИ агрегатор: https://aipanda.online/

[3] http://aipanda.online/test/sun/sunsystem.html: http://aipanda.online/test/sun/sunsystem.html

[4] https://aipanda.online/test/sun/mercury.html: https://aipanda.online/test/sun/mercury.html

[5] https://aipanda.online/test/sun/sunsystemr1.html: https://aipanda.online/test/sun/sunsystemr1.html

[6] https://aipanda.online/test/sun/nano.html: https://aipanda.online/test/sun/nano.html

[7] https://aipanda.online/test/sun/4.html: https://aipanda.online/test/sun/4.html

[8] https://aipanda.online/test/sun/sonnet.html: https://aipanda.online/test/sun/sonnet.html

[9] https://aipanda.online/test/sun/grok.html: https://aipanda.online/test/sun/grok.html

[10] Источник: https://habr.com/ru/articles/927030/?utm_source=habrahabr&utm_medium=rss&utm_campaign=927030

www.BrainTools.ru

Rambler's Top100