Воссоздаёт объект по одному изображению в виде процедурного TypeScript-кода для Three.js, готового к анимации, а не файла с мешем.
xr843/insect-world
Интерактивный 3D-справочник по 63 видам насекомых: модели создаются процедурно в браузере с помощью TypeScript и Three.js, без файлов моделей.
- Звёзды
- 793
- Форки
- 73
- Открытые issues
- 0
- Последний коммит
- 3 дня назад
Что это?
Insect World — браузерный 3D-справочник по 63 видам насекомых из 14 отрядов. Экземпляры можно вращать и приближать, а нажатие на цветные метки открывает информацию о частях тела. Также доступны инструменты для фокусировки на отдельной части, рассечения тела, придания экзоскелету прозрачности и сравнения двух видов рядом.
Тела всех насекомых генерируются кодом во время работы сайта, а не загружаются из файлов моделей или текстур. Геометрия строится из параметрических примитивов: например, из поперечных сечений, сегментированных брюшек, конечностей и сетей жилок. Поэтому для добавления вида достаточно описать его пропорции и окраску. Для 28 видов также представлены стадии яйца, личинки, куколки или нимфы, а у восьми видов, парящих в воздухе, крылья машут на месте.
На сайте есть интерактивный урок с викторинами, светлая и тёмная темы, а также версии на китайском и английском языках. В описании сказано, что тексты написаны ИИ и лишь часть сведений о наиболее известных видах проверена по научной литературе, поэтому справочник лучше воспринимать как обзорный учебный материал.
Ключевые возможности
- 01Вращение и приближение моделей 63 видов насекомых в браузере, а также интерактивные метки
- 02Процедурная генерация моделей кодом без внешних файлов моделей
- 03Модели стадий жизненного цикла для 28 видов, включая яйцо, личинку и куколку
- 04Рассечение тела, прозрачный экзоскелет и сравнение двух видов рядом
- 05Интерактивные уроки и викторины, которые перемещают камеру к обсуждаемой части тела
- 06Версии на китайском и английском языках, светлая и тёмная темы
Сценарии использования
- Объяснение в классе или музее различий между полным и неполным превращением
- Визуальное изучение анатомии насекомых перед занятиями энтомологией
- Изучение строения тела распространённых насекомых, чтобы научиться их распознавать
- Справочник для проекта по процедурному 3D-моделированию на Three.js
Быстрый старт
- 1
Установите Node.js версии 22.13 или новее, а затем установите зависимости
npm install - 2
Запустите сервер разработки и откройте сайт по адресу localhost:5178
npm run dev
Что важно знать
- Большинство описаний 63 видов написаны ИИ, и только 14 из них частично сверены с научной литературой.
- Текст не проверен специалистом-энтомологом, поэтому на него не следует ссылаться как на источник.
Темы
Частые вопросы
- Что такое insect-world?
- Интерактивный 3D-справочник по 63 видам насекомых: модели создаются процедурно в браузере с помощью TypeScript и Three.js, без файлов моделей. Insect World — браузерный 3D-справочник по 63 видам насекомых из 14 отрядов. Экземпляры можно вращать и приближать, а нажатие на цветные метки открывает информацию о частях тела. Также доступны инструменты для фокусировки на отдельной части, рассечения тела, придания экзоскелету прозрачности и сравнения двух видов рядом.
- insect-world можно использовать бесплатно? Какая у него лицензия?
- insect-world распространяется с открытым исходным кодом под лицензией MIT. Перед использованием в коммерческих продуктах проверьте условия лицензии.
- insect-world всё ещё поддерживается?
- Активно поддерживается. Последний коммит в insect-world — 17 окт. 2026 г..
- Для чего можно использовать insect-world?
- Объяснение в классе или музее различий между полным и неполным превращением Визуальное изучение анатомии насекомых перед занятиями энтомологией Изучение строения тела распространённых насекомых, чтобы научиться их распознавать Справочник для проекта по процедурному 3D-моделированию на Three.js
- Как установить insect-world?
- Установите Node.js версии 22.13 или новее, а затем установите зависимости: npm install Запустите сервер разработки и откройте сайт по адресу localhost:5178: npm run dev
- Где скачать insect-world?
- Исходный код и инструкции по установке — на GitHub: https://github.com/xr843/insect-world
Описание создано ИИ на основе README проекта. Статистика GitHub обновляется ежедневно.
Похожие проекты
Бесплатный двуязычный 3D-музей в браузере, где маленькие дети и взрослые изучают доисторических животных суши, моря и неба.
Интерактивное веб-приложение, которое работает офлайн и показывает местное ночное небо для любого места и времени прямо в браузере.
Браузерная студия превизуализации для расстановки объектов в сцене, позирования персонажей и монтажа движений камеры с последующей передачей кадров AI-моделям для генерации видео.
Agent Skill, с помощью которого Codex, Claude Code или Cursor создаёт вращаемую сцену здания на Three.js, собирающегося кирпич за кирпичом.
Браузерное 3D-путешествие на лодке по долине японской реки: сцена на three.js рендерится в реальном времени в любое время суток и во все четыре сезона.