Repolode
terryHu7

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. 1

    Сделайте форк репозитория и перейдите в каталог проекта

  2. 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 обновляется ежедневно.

Похожие проекты

React-рендерер для Three.js, позволяющий декларативно собирать 3D-сцены с помощью JSX-компонентов.

33,5 тыс.+160 за неделю2,1 тыс.TypeScriptMITАктивно поддерживаетсяОбновлён 17 дней назад

Библиотека управления камерой для three.js с плавными переходами и расширенными возможностями орбитального управления в стиле OrbitControls.

2,4 тыс.+4 за неделю300TypeScriptMITОбновлён 17 дней назад