Автор: kevin
Попробовать онлайн О проекте
Архив охватывает шесть исчезающих бабочек — от птицекрыла королевы Александры до парусника Гомера: у каждой есть вращающийся 3D-экспонат и понятные заметки об охранном статусе (МСОП / СИТЕС), ареале, среде обитания и главных угрозах, с поиском и фильтрами по уровню защиты.
Сайт напрямую подключён к Tripo API: у каждого вида есть настроенный промпт для моделирования, который копируется в один клик, — или запустите генерацию 3D из текста прямо на месте и дождитесь результата. Референсы и файлы моделей тоже можно скачать: «посмотреть экспонат» превращается в «создать свой».
Ключевые моменты
- Шесть исчезающих бабочек — экспонаты, которые можно вращать мышью и разглядывать детали крыльев с любого ракурса
- Ищите и фильтруйте виды по названию или охранному статусу (МСОП / СИТЕС)
- У каждого вида есть настроенный промпт для моделирования — копируется в один клик
- Напрямую подключён к Tripo API: запустите генерацию 3D из текста на месте, дождитесь завершения и скачайте референсы и модели
Технический разбор
Tripo API · конвейер задач текст-в-3D
Вся интеграция с Tripo умещается в одном отдельном сервисном файле, а весь путь — три шага: авторизоваться по Bearer-ключу; создать задачу текст-в-3D с промптом вида (texture и pbr включены, качество текстур — standard); затем опрашивать задачу каждые 4 секунды — как только генерация завершится, приходит прямая ссылка на скачивание модели, а сбои, отмены и таймауты аккуратно обработаны.
Эти несколько десятков строк — готовый шаблон интеграции: авторизация, создание задачи, опрос, получение результата. Скопируйте их к себе в проект, поменяйте API-ключ — и всё заработает.
Промпт-инжиниринг · свой рецепт для каждого вида
У каждого из шести видов — свой промпт для моделирования, выверенный за много итераций. Рецепт делится на три части: сначала ясно описать форму (самец со спины, рисунок жилок, окраска брюшка), затем исключить нежелательное (матовость — без металлического блеска и переливов), и наконец задать требования к выдаче (тонкие крылья, чистая топология, PBR-текстуры). Любой промпт копируется в один клик — именно промпты и есть главный «исходный код», который стоит унести из этого архива.
Витрина экспонатов · процедурные формы + выдача в нескольких форматах
Бабочки, которых можно вертеть на странице, — лёгкие формы, собранные процедурно в Three.js (пара крыльев, стандартные материалы, полусферический свет): они работают без единого внешнего ассета. Хочется деталей? Для каждого вида доступны к скачиванию PBR FBX и базовые OBJ, сгенерированные Tripo, а превью — это собственные рендеры Tripo. Живое взаимодействие и скачиваемые ассеты друг другу не мешают.
Архив · React, управляемый данными
Всё в карточках видов — охранный статус (IUCN / CITES), ареал, среда обитания, угрозы — рендерится из данных, а поиск и фильтрация выполняются прямо в браузере, без бэкенда. Стек — просто React 19 плюс Vite 8, на выходе чистая статика: выложил на любой статический хостинг — и сайт в сети.
