Шаблон на TypeScript, который создаёт портфолио разработчика на основе данных GitHub по одному имени пользователя и позволяет развернуть сайт на GitHub Pages.
terryHu7/homecraft
Шаблон персонального сайта в стиле Minecraft с воксельным 3D-миром на Three.js, по которому посетители могут ходить.
- Звёзды
- 187
- Форки
- 59
- Открытые issues
- 1
- Последний коммит
- 18 часов назад
Что это?
Homecraft — шаблон для создания персональной главной страницы в виде воксельного 3D-мира, по которому можно перемещаться. Он вдохновлён Minecraft. Вместо обычной страницы с прокруткой посетители исследуют блочное пространство со зданиями и сценами — например, баскетбольной площадкой, спортзалом, верстаком и бассейном. В мир можно встроить существующие 2D-страницы и открывать их прямо на месте.
В проект входит стартовый шаблон с подсказками и ограничениями для редактирования с помощью AI: форкнув репозиторий, можно настроить мир в стиле vibe coding. В комплекте есть скрипт tools/serve.py, который запускает локальный сервер на случайном порту и открывает браузер. Полный пример сайта находится в examples/terry-home. В сцене есть смена дня и ночи, а также погодные эффекты, например снег; блочный стиль помогает снизить нагрузку на рендеринг в мобильных браузерах.
Проект написан на JavaScript и использует WebGL через Three.js. Лицензия — MIT.
Ключевые возможности
- 01Воксельный мир в стиле Minecraft, по которому можно ходить; он отрисовывается с помощью Three.js и WebGL.
- 02Встраивание обычных 2D-страниц в 3D-сцену.
- 03Стартовый шаблон с AI-подсказками и ограничениями для vibe coding.
- 04Смена дня и ночи и погодные эффекты, например снег.
- 05Лёгкий блочный рендеринг позволяет запускать проект в мобильных браузерах.
- 06Скрипт запускает сайт на случайном порту и открывает его в браузере.
Сценарии использования
- Создание интерактивного портфолио, которое посетители исследуют как игровой мир.
- Создание персональной главной страницы, на которой можно будто побывать в гостях у друга.
- Изучение построения сцен в Three.js на примере работающего сайта.
- Объединение персональных сайтов друзей в общем 3D-пространстве с порталами.
Быстрый старт
- 1
Сделайте форк репозитория и перейдите в каталог проекта
- 2
Запустите локальный сервер и откройте браузер
python3 tools/serve.py
Что важно знать
- В README не описана установка с помощью менеджера пакетов; для настройки нужно сделать форк и запустить скрипт Python.
Темы
Частые вопросы
- Что такое homecraft?
- Шаблон персонального сайта в стиле Minecraft с воксельным 3D-миром на Three.js, по которому посетители могут ходить. Homecraft — шаблон для создания персональной главной страницы в виде воксельного 3D-мира, по которому можно перемещаться. Он вдохновлён Minecraft. Вместо обычной страницы с прокруткой посетители исследуют блочное пространство со зданиями и сценами — например, баскетбольной площадкой, спортзалом, верстаком и бассейном. В мир можно встроить существующие 2D-страницы и открывать их прямо на месте.
- homecraft можно использовать бесплатно? Какая у него лицензия?
- homecraft распространяется с открытым исходным кодом под лицензией MIT. Перед использованием в коммерческих продуктах проверьте условия лицензии.
- homecraft всё ещё поддерживается?
- Активно поддерживается. Последний коммит в homecraft — 6 нояб. 2026 г..
- Для чего можно использовать homecraft?
- Создание интерактивного портфолио, которое посетители исследуют как игровой мир. Создание персональной главной страницы, на которой можно будто побывать в гостях у друга. Изучение построения сцен в Three.js на примере работающего сайта. Объединение персональных сайтов друзей в общем 3D-пространстве с порталами.
- Как установить homecraft?
- Сделайте форк репозитория и перейдите в каталог проекта Запустите локальный сервер и откройте браузер: python3 tools/serve.py
- Где скачать homecraft?
- Исходный код и инструкции по установке — на GitHub: https://github.com/terryHu7/homecraft
Описание создано ИИ на основе README проекта. Статистика GitHub обновляется ежедневно.
Похожие проекты
Браузерный 3D-редактор воксельных миров для создания, лепки, полётов по миру и обмена небольшими мирами.
React-рендерер для Three.js, позволяющий декларативно собирать 3D-сцены с помощью JSX-компонентов.
Коллекция готовых React-компонентов и хуков для создания 3D-сцен с react-three-fiber.
Библиотека управления камерой для three.js с плавными переходами и расширенными возможностями орбитального управления в стиле OrbitControls.
JavaScript-инструментарий и фреймворк на базе Three.js для интерактивной визуализации данных в 3D/WebGL и 2D в браузере.