Визуал / Анимации сайтов / 3D-шар из частиц, который следит за курсором
3D-шар из частиц, который следит за курсором Three.js

Промпт, которым я это сделал

Я написал в Claude Code

Сделай первый экран с интерактивной 3D-сценой на Three.js (с CDN), одним файлом index.html. Справа шар из 5–6 тысяч светящихся частиц: он медленно вращается и поворачивается к курсору, частицы рядом с курсором разлетаются и плавно возвращаются на место. Слева заголовок «3D-сцена на сайте за один промпт», строка пояснения и кнопка. Тёмный фон, частицы в градиенте от #E8723C к фиолетовому, мягкое свечение. На телефоне шар над текстом, частиц меньше, реагирует на касание. Не должно тормозить.

Что получится

  • Живую 3D-сцену без аккаунта в Spline
  • Реакцию на курсор и на касание пальцем
  • Запасной вариант без WebGL и режим без анимации

Подойдёт

  • Первый экран сайта про AI, технологии или продукт
  • Страницу, которой нужен «вау» на первой секунде

Не подойдёт

  • Готовые 3D-модели и персонажей: для них нужен Spline или Blender

Похожие работы

Новые ролики и разборы — в TelegramПишу, как я делаю свои ролики, и добавляю сюда новые скиллы.

Открыть канал