← Все проекты
Проект / TypeScript

thebuggeddev/Voxels: Voxels — генеративные 3D-воксельные планеты с помощью ИИ

Создавайте и исследуйте красивые 3D-воксельные планеты в браузере, используя генеративный ИИ от Google.

Это веб-приложение на Next.js, которое генерирует интерактивные 3D-воксельные планеты. Пользователь может исследовать космическую сцену с планетами, которые создаются процедурно с разными типами поверхностей. Проект задуман как демонстрация возможностей...

★ 11 TypeScript Форки 2 Issue 0 Оценка 6/10 Карточка проверена
Открыть на GitHub Официальный сайт Помочь с установкой

Для кого это

Для фронтенд-разработчиков, интересующихся 3D-графикой в вебе, и любителей креативных экспериментов с ИИ.

Проблема / задача

Создание интерактивных 3D-сцен обычно требует сложного кода на Three.js и глубоких знаний компьютерной графики — этот проект упрощает процесс через готовые генеративные алгоритмы.

Как это работает

Проект использует React Three Fiber для рендеринга 3D-сцены в браузере, simplex-noise для процедурной генерации ландшафтов планет и Gemini API для возможного расширения через ИИ. Планеты строятся из вокселей (3D-пикселей) с разными текстурами и цветами в зависимости от типа (Земля, Нептун и другие).

Что видно по README

Это веб-приложение на Next.js, которое генерирует интерактивные 3D-воксельные планеты. Пользователь может исследовать космическую сцену с планетами, которые создаются процедурно с разными типами поверхностей. Проект задуман как демонстрация возможностей генеративной графики в вебе.

Ключевые возможности

Генерация разных типов планет (Земля, Нептун) из вокселейИнтерактивное 3D-окружение с камерой и звёздным фономАдаптивная графика для мобильных устройствИнтеграция с Gemini API для возможного расширения функциональности ИИ

Технологии

TypeScriptNext.jsReact Three FiberThree.jsTailwind CSSNode.js

Интересный факт

Текстура Земли загружается с CDN Three.js и используется для реалистичного окрашивания вокселей — океаны синие, материки зелёно-коричневые, а ядро планеты красное.

С чего начать

  • Установите Node.js и зависимости: npm install
  • Получите API-ключ Gemini и добавьте в .env.local
  • Запустите dev-сервер: npm run dev

Оценка GitRadar

Удобство
6/10
Свежесть
8/10
Перспектива
7/10
Монетизация
4/10
Общая оценка
6/10

Вердикт GitRadar

Стоит попробовать как наглядный пример 3D-графики в React, но проект выглядит незавершённым — это скорее демо, чем готовый продукт.

Наблюдения по обновлениям

Проект недавно создан, но активность низкая — 11 звёзд, 2 форка, нет issues.

Что мы проверили

Карточка собрана по данным GitHub, README и структуре репозитория. Это не официальная документация проекта.

Исходный репозиторий
https://github.com/thebuggeddev/Voxels
Официальный сайт
https://voxels-three.vercel.app
Создан на GitHub
1 апреля 2026 г.
Последнее обновление репо
1 апреля 2026 г.
Последняя проверка GitRadar
1 апреля 2026 г.
Изученные файлы
README.md, lib/utils.ts, package.json, app/layout.tsx, app/page.tsx, postcss.config.mjs

FAQ

Что это такое?

Демо-приложение для генерации и просмотра 3D-воксельных планет в браузере.

Для кого подходит?

Для разработчиков, изучающих Three.js и React Three Fiber, или для добавления креативной 3D-визуализации на сайт.

Источники

Нужна помощь с thebuggeddev/Voxels?

Если проект подходит под ваш сценарий, можем помочь с установкой, интеграцией, доработкой или аккуратным форком под вашу инфраструктуру.

Смотреть услуги Открыть на GitHub Написать в Telegram