Быстрая библиотека для 2D-рендеринга в вебе: рисует графику, спрайты и текст с помощью WebGL и WebGPU.
jasonkneen/tiny-world-builder
Браузерный 3D-редактор воксельных миров для создания, лепки, полётов по миру и обмена небольшими мирами.
- Звёзды
- 1,606
- Форки
- 214
- Открытые issues
- 5
- Последний коммит
- 22 часа назад
Что это?
Tiny World Builder — автономный 3D-редактор вокселей, который целиком работает в браузере. Размещайте элементы ландшафта — траву, воду, камень, песок и лаву, добавляйте объекты вроде домов, деревьев, заборов, мостов, посевов и животных, а также меняйте рельеф, поднимая и опуская землю и раскрашивая её, чтобы создавать скалы и реки.
В редакторе есть несколько режимов камеры — изометрический, мягкий и перспективный, — поэтому на мир можно смотреть под любым углом. Миры можно сохранять в локальных слотах с именами, экспортировать, брать за основу для новых версий и публиковать. Скульптор Mesh Terrain — это дополнительный слой мелких вокселей для создания более плавных форм ландшафта с материалами для каждого вокселя.
В проект входит демонстрационный runtime с заданным seed: транспортные средства для доставки следуют по дорожной сети и прокладывают объездные маршруты вокруг размещённых объектов. Проект собран как статический сайт на vanilla JavaScript и Three.js; его можно развернуть на Vercel или Netlify.
Ключевые возможности
- 01Размещайте элементы ландшафта, объекты, посевы и животных на воксельной сетке.
- 02Поднимайте и опускайте землю, а также раскрашивайте её, создавая скалы и реки.
- 03Переключайтесь между изометрической, мягкой и перспективной камерами.
- 04Сохраняйте несколько локальных миров с именами, экспортируйте их и делитесь ими.
- 05Дополнительный скульптор Mesh Terrain с материалами для каждого вокселя.
- 06Демонстрация транспорта с заданным seed, прокладыванием маршрутов по дорогам и объездом препятствий.
Сценарии использования
- Создание прототипов небольших игровых уровней в воксельном стиле или сцен-диорам в браузере.
- Изучение того, как тайлы с учётом соседних элементов — например, дороги, заборы и дома — автоматически соединяются друг с другом.
- Тестирование планирования маршрутов и поведения транспорта на сгенерированной дорожной сети.
- Размещение автономного статического 3D-редактора миров на собственном сайте.
Быстрый старт
- 1
Запустите локальный сервер разработки
npm run dev - 2
Откройте конструктор по адресу localhost:3000/tiny-world-builder
- 3
Или откройте статический файл напрямую, без сервера разработки
open index.html
Что важно знать
- Лицензия AGPL-3.0 — это лицензия с авторским левом, которая требует предоставлять исходный код пользователям сети при развертывании изменённых версий.
- Чтобы вход через кошелёк работал в реальном развертывании, сначала задайте TINYWORLD_WALLET_SESSION_SECRET в Netlify.
Темы
Частые вопросы
- Что такое tiny-world-builder?
- Браузерный 3D-редактор воксельных миров для создания, лепки, полётов по миру и обмена небольшими мирами. Tiny World Builder — автономный 3D-редактор вокселей, который целиком работает в браузере. Размещайте элементы ландшафта — траву, воду, камень, песок и лаву, добавляйте объекты вроде домов, деревьев, заборов, мостов, посевов и животных, а также меняйте рельеф, поднимая и опуская землю и раскрашивая её, чтобы создавать скалы и реки.
- tiny-world-builder можно использовать бесплатно? Какая у него лицензия?
- tiny-world-builder распространяется с открытым исходным кодом под лицензией AGPL-3.0. Перед использованием в коммерческих продуктах проверьте условия лицензии.
- tiny-world-builder всё ещё поддерживается?
- Активно поддерживается. Последний коммит в tiny-world-builder — 19 окт. 2026 г..
- Для чего можно использовать tiny-world-builder?
- Создание прототипов небольших игровых уровней в воксельном стиле или сцен-диорам в браузере. Изучение того, как тайлы с учётом соседних элементов — например, дороги, заборы и дома — автоматически соединяются друг с другом. Тестирование планирования маршрутов и поведения транспорта на сгенерированной дорожной сети. Размещение автономного статического 3D-редактора миров на собственном сайте.
- Как установить tiny-world-builder?
- Запустите локальный сервер разработки: npm run dev Откройте конструктор по адресу localhost:3000/tiny-world-builder Или откройте статический файл напрямую, без сервера разработки: open index.html
- Где скачать tiny-world-builder?
- Исходный код и инструкции по установке — на GitHub: https://github.com/jasonkneen/tiny-world-builder
Описание создано ИИ на основе README проекта. Статистика GitHub обновляется ежедневно.
Похожие проекты
React-обёртка для физического движка Rapier WASM: добавляет твёрдые тела, коллайдеры и соединения в сцены react-three-fiber.
GPU.js преобразует простые функции JavaScript в шейдерный код, чтобы выполнять их на GPU в браузерах и Node.js, а при необходимости переключается на обычный JavaScript.
Набор из девяти навыков агентов Codex и Claude Code для создания готовых к игре, отполированных браузерных игр на Three.js; навык-директор распределяет задачи.
Реализация классического музыкального визуализатора Milkdrop на WebGL, которая отображает пресеты Milkdrop в браузере с помощью Web Audio API.
Самостоятельная JavaScript-библиотека для игрового ИИ: управление движением, навигационные сетки, восприятие, нечёткая логика и агенты с состояниями.