Интерактивная 3D визуализация текста из частиц с использованием Three.js.
Проект представляет собой интерактивную веб-страницу, где текст "Starting Point" отображается в виде частиц, которые реагируют на движения мыши. Частицы формируют 3D текст и могут быть интерактивно деформированы.
- 🎨 Интерактивное управление частицами с помощью мыши
- 📐 Настройка параметров в реальном времени:
- Размер точек
- Количество точек
- Размер текста
- Сила воздействия
- Радиус воздействия
- Скорость возврата
- Скорость пассивного движения
- Межбуквенное расстояние
- 🌐 Работает прямо в браузере, без необходимости установки дополнительных зависимостей
Просто откройте index.html в современном браузере, который поддерживает ES модули.
Или используйте локальный сервер:
# Python 3
python -m http.server 8000
# Node.js (с http-server)
npx http-serverЗатем откройте http://localhost:8000 в браузере.
- Three.js - 3D графика и рендеринг
- Vanilla JavaScript - логика и взаимодействие
- HTML5 Canvas - отрисовка
MIT