2.4K ·GitHub
Что это?
Чисто фронтендовый инструмент для планировок помещений и дизайна интерьера: вы расставляете мебель, сносите или добавляете стены и снимаете размеры на 2D-плане, а затем переключаетесь в 3D-сцену Three.js для взгляда с высоты птичьего полёта или прогулки от первого лица.
Чисто фронтендовый инструмент для планировок помещений и дизайна интерьера: вы расставляете мебель, сносите или добавляете стены и снимаете размеры на 2D-плане, а затем переключаетесь в 3D-сцену Three.js для взгляда с высоты птичьего полёта или прогулки от первого лица.Это веб-приложение, которое я устанавливаю, или просто файл, который я открываю?Это один статический HTML-файл без этапов сборки — всё приложение это «index.html», так что достаточно открыть его в любом браузере.
Это один статический HTML-файл без этапов сборки — всё приложение это «index.html», так что достаточно открыть его в любом браузере.Как его запустить?Откройте «index.html» прямо в браузере либо раздайте папку любым локальным статическим сервером, если не хотите использовать протокол file://.
Откройте «index.html» прямо в браузере либо раздайте папку любым локальным статическим сервером, если не хотите использовать протокол file://.Нужен ли фреймворк или инструменты сборки для работы с кодом?Нет — это чистые HTML, CSS и JavaScript без фреймворков и этапа сборки; единственная внешняя часть — Three.js r160, загружаемый через CDN.
Нет — это чистые HTML, CSS и JavaScript без фреймворков и этапа сборки; единственная внешняя часть — Three.js r160, загружаемый через CDN.Можно ли загрузить свою планировку или только встроенное демо?Мастера импорта для произвольных форм дома нет — настройка делается правкой объектов данных ROOMS, WALLS/WINS, MATS и LIB прямо внутри «index.html», чтобы подставить собственную планировку и мебель.
Мастера импорта для произвольных форм дома нет — настройка делается правкой объектов данных ROOMS, WALLS/WINS, MATS и LIB прямо внутри «index.html», чтобы подставить собственную планировку и мебель.Он полностью работает офлайн?Почти — ваш план автосохраняется локально, — но сам Three.js подгружается с CDN jsDelivr, так что при первом открытии 3D-сцены понадобится интернет.
Почти — ваш план автосохраняется локально, — но сам Three.js подгружается с CDN jsDelivr, так что при первом открытии 3D-сцены понадобится интернет.Куда попадают данные моего проекта?Никуда, кроме вашего собственного браузера — всё приложение хранит своё состояние в localStorage, без участия сервера.
Никуда, кроме вашего собственного браузера — всё приложение хранит своё состояние в localStorage, без участия сервера.Сколько мебели включает библиотека?Более 60 предметов по категориям: спальня, гостиная, столовая/кухня, ванная, техника и кабинет/отдых; всё перетаскивается из панели библиотеки слева.
Более 60 предметов по категориям: спальня, гостиная, столовая/кухня, ванная, техника и кабинет/отдых; всё перетаскивается из панели библиотеки слева.Можно ли экспортировать свой дизайн или поделиться им?Да — план можно экспортировать как PNG-изображение либо экспортировать/импортировать целиком в JSON, чтобы переносить между браузерами или машинами.
Да — план можно экспортировать как PNG-изображение либо экспортировать/импортировать целиком в JSON, чтобы переносить между браузерами или машинами.Поддерживает ли он языки, кроме китайского?Да, в верхней панели есть переключатель китайский/английский — по умолчанию стоит китайский, а выбранный язык запоминается.
Да, в верхней панели есть переключатель китайский/английский — по умолчанию стоит китайский, а выбранный язык запоминается.Как выглядит режим прогулки от первого лица?На десктопе вы перемещаетесь с WASD и мышью (на сенсорных устройствах — виртуальный джойстик), можете ускоряться с Shift и кликать по дверям, открывая или закрывая их во время прогулки.
На десктопе вы перемещаетесь с WASD и мышью (на сенсорных устройствах — виртуальный джойстик), можете ускоряться с Shift и кликать по дверям, открывая или закрывая их во время прогулки.What are similar projects?bible-strong-avatar-lab, aetherviz-master, PCB_lightgraph_Portable, tweakcn, JIZURA, three.js, paper-aquarium, GDevelop
bible-strong-avatar-lab, aetherviz-master, PCB_lightgraph_Portable, tweakcn, JIZURA, three.js, paper-aquarium, GDevelopWhich topics is it in?design-tools, html5, no-code, localization, threejs, webgl, offline-first, svg, i18n, 3d, multilingual, design
design-tools, html5, no-code, localization, threejs, webgl, offline-first, svg, i18n, 3d, multilingual, design