Nxtspace Web

🚀 在线预览

---

简介

---

Nxtspace Web 是一款面向建筑行业的 3D 场景搭建工具，基于纯 Web 技术构建，无需安装即可在浏览器中使用。

核心能力：

• 二维平面图快速绘制：墙体 / 弧墙 / 门窗 / 区域，配合吸附、顶点编辑、尺寸标注、参考线 / 参考图，高效还原户型
• 实时三维可视化：2D 绘制即时生成 3D 场景，支持仿真 / 白模 / 线框三种渲染风格，娃娃屋模式、漫游模式、多视角快速切换
• 丰富的元件与模型库：内置结构元件 + 分类室内模型，支持自定义模型导入（GLB / ZIP）
• 多格式导入导出：NXTS 项目文件、GLTF / GLB / OBJ 三维模型、PNG 截图，方便对接其他工具链
• 多端适配：电脑浏览器完整功能体验，手机 / 平板触屏友好操作

无论您是建筑师、室内设计师、地产策划还是产品演示者，都能零门槛上手，快速产出可交互、可分享的 3D 建筑场景 Demo。

模型

---

Nxtspace Web 支持导入和管理 3D 模型资源，为建筑场景搭建提供丰富的模型库。

目前支持使用 Sweet Home 3D 免费模型资源，包括：

• 家具模型
• 室内装饰模型
• 灯具模型
• 植物模型
• 厨房模型
• 卫浴模型
• 门窗模型
• 建筑组件模型

模型来源：

• Sweet Home 3D 官方免费模型库
• 用户自定义 3D 模型

Sweet Home 3D 免费模型：

https://www.sweethome3d.com/freeModels.jsp

功能

---

Tips: ⚪ 筹备中 🟡 进行中 🟢 已完成

• 🟢 编辑器核心

  • 🟢 二维平面图

    • 🟢 墙体绘制（直线墙 / 弧墙一键转换，绘制中可取消）
    • 🟢 门洞与窗户（插入墙体自动开洞，含单开门 / 双开门 / 门洞 / 多款式）
    • 🟢 区域绘制（闭合房间自动计算面积，多边形区域支持）
    • 🟢 家具摆放（拖拽模型进场景 + 实时吸附对齐 + 落点预览）
    • 🟢 顶点编辑（墙体端点 / 拐点拖拽微调，墙体自动重算）
    • 🟢 尺寸标注（墙体长度 / 角度实时显示，独立开关切换显隐）
    • 🟢 参考线（水平 / 垂直辅助线，颜色自定义，按层管理）
    • 🟢 参考图（CAD / 平面图 / 任意图片作为底图描边，可缩放/平移/透明度调整）
    • 🟢 网格与标尺（网格开关 + 吸附，横纵标尺随缩放/平移同步）
    • 🟢 右键菜单（上下文快捷操作：复制/粘贴/删除/分组/属性/重命名）
    • 🟢 可交互小地图缩略图（拖动聚焦框平移主场景，滚轮以光标为锚点缩放）

  • 🟢 三维可视化

    • 🟢 2D / 3D 视图一键切换
    • 🟢 正交 / 透视投影切换
    • 🟢 多种视角快速切换（正视 / 侧视 / 俯视 / 仰视 / 左视 / 右视 / 等轴测）
    • 🟢 视角辅助球（右下角立方体，点击面/边/角即切换视角）
    • 🟢 娃娃屋模式（按相机位置实时背面剔除墙体，俯视时自动看到室内）
    • 🟢 漫游模式
      • 🟢 第一人称（鼠标锁定 + WASD 移动）
      • 🟢 第三人称（轨道相机环绕）
    • 🟢 渲染风格
      • 🟢 仿真风格（PBR 材质贴图 + 灯光）
      • 🟢 白模风格（材质 + 线框叠加）
      • 🟢 线框风格（纯线框模式）
    • 🟢 天空与地面（纯色 / 贴图两种模式，50+ 纹理可选）
    • 🟢 右侧栏 3D 实时预览
    • 🟢 3D 场景缩略图

  • 🟢 只读预览

    • 🟢 三维查看（不含任何编辑操作）
    • 🟢 搜索定位、视角切换、风格化渲染

• 🟢 元件库与模型

  • 🟢 结构元件

    • 🟢 墙体（厚度 / 高度 / 材质默认设置）
    • 🟢 门洞（单开门 / 双开门 / 无门）
    • 🟢 窗户（尺寸 / 窗台 / 样式可调）
    • 🟢 区域（房间参数化默认设置）

  • 🟢 室内模型库

    • 🟢 分类浏览（客厅 / 卧室 / 厨房 / 卫浴 / 办公 / 其他）
    • 🟢 搜索过滤（按名称快速检索元件）
    • 🟢 自定义模型导入（上传 GLB / ZIP 包，填写尺寸、分类、名称）

• 🟢 编辑与操作

  • 🟢 基础操作

    • 🟢 指针工具（切换回选择态，退出绘制模式）
    • 🟢 选择（多选 / 框选 / 点选 / 反选）
    • 🟢 移动、旋转、缩放（三轴 Gizmo 手柄）
    • 🟢 删除
    • 🟢 复制、剪切、粘贴（含落点预览，粘贴项独立偏移防重叠）
    • 🟢 撤销 / 重做（最大 50 步历史栈）
    • 🟢 全局元件搜索（弹窗搜索所有楼层的墙/洞/家具/区域，定位 + 自动选中 + 聚焦）
    • 🟢 楼层快速切换（下拉选择器 + 搜索过滤，跨楼层跳层编辑）

  • 🟢 分组与图层

    • 🟢 元件分组（选中元素创建逻辑组，整体操作）
    • 🟢 解组
    • 🟢 多楼层图层（独立编辑、切换、显隐控制）
    • 🟢 元素分组列表（层级树状管理）

  • 🟢 自动吸附

    • 🟢 顶点吸附（端点 / 拐点自动对齐）
    • 🟢 边线吸附（沿墙体边线贴合）
    • 🟢 线段吸附（整段长度对齐）
    • 🟢 网格吸附（整数步长对齐）
    • 🟢 参考线吸附（辅助线磁吸）
    • 🟢 吸附开关（总开关 + 分项配置）

• 🟢 场景与属性

  • 🟢 右侧栏快捷工具

    • 🟢 放大 / 缩小按钮
    • 🟢 聚焦选区 / 聚焦全局按钮
    • 🟢 吸附分项弹出面板（点/线/线段/网格/参考线 5 项独立勾选）

  • 🟢 属性面板

    • 🟢 墙体属性（厚度 / 高度 / 弧墙细分 / 颜色 / 材质）
    • 🟢 门窗属性（尺寸 / 开启方向 / 样式 / 离地高度）
    • 🟢 家具属性（尺寸 / 旋转 / 位置 / 替换模型）
    • 🟢 区域属性（名称 / 颜色 / 材质）
    • 🟢 分组属性（整体缩放 / 重命名）

  • 🟢 场景设置

    • 🟢 场景尺寸（长 / 宽）
    • 🟢 天空（颜色 / 贴图 2 种模式，7+ 天空纹理）
    • 🟢 地面（颜色 / 贴图 2 种模式，60+ 地面 / 墙面 / 地板纹理）

  • 🟢 墙体默认设置

    • 🟢 墙体显隐（相机背面剔除开关）
    • 🟢 自动闭合（绘制首尾自动连接）
    • 🟢 幽灵墙（辅助预览模式）
    • 🟢 默认高度
    • 🟢 默认透明度
    • 🟢 单位（厘米 / 米）
    • 🟢 内侧材质纹理（40+ 墙面纹理可选）
    • 🟢 外侧材质纹理（40+ 墙面纹理可选）

  • 🟢 区域默认设置

    • 🟢 名称前缀（新建区域自动命名）
    • 🟢 填充模式（纯色 / 贴图）
    • 🟢 填充颜色
    • 🟢 地面纹理（60+ 地面 / 地板纹理可选）
    • 🟢 透明度

• 🟢 文件与数据

  • 🟢 导入

    • 🟢 NXTS 格式（项目文件）

  • 🟢 导出

    • 🟢 NXTS 格式（完整项目 JSON，全量场景下载）
    • 🟢 GLTF 格式（JSON 结构 + 贴图分离）
    • 🟢 GLB 格式（二进制单文件，贴图嵌入）
    • 🟢 OBJ 格式（纯几何体导出）
    • 🟢 2D / 3D 截图（PNG 格式，自动命名下载）

  • 🟢 项目管理

    • 🟢 新建项目
    • 🟢 保存
    • 🟢 项目重命名
    • 🟢 清空场景
    • 🟢 关闭页面前未保存变更提示（Web 端）

• 🟢 偏好设置

  • 🟢 外观

    • 🟢 浅色 / 深色主题（跟随系统 + 手动切换）
    • 🟢 界面语言（简体中文 / English，下拉切换即时生效）

  • 🟢 2D 视图

    • 🟢 滚轮缩放速度（0.1× ~ 5× 滑块）
    • 🟢 拖拽平移速度（0.1× ~ 5× 滑块）
    • 🟢 拖拽动画开关（是否启用惯性缓动）

  • 🟢 3D 视图

    • 🟢 鼠标交互预设（左键平移/右键旋转 或 左键旋转/右键平移）
    • 🟢 滚轮缩放速度（0.1× ~ 5× 滑块）
    • 🟢 平移速度（0.1× ~ 5× 滑块）
    • 🟢 旋转速度（0.1× ~ 5× 滑块）
    • 🟢 鼠标惯性开关 + 阻尼系数（0.01 ~ 1.0 滑块）
    • 🟢 缩放至光标开关（滚轮以鼠标位置为锚点缩放）
    • 🟢 启用平移 / 启用缩放 / 启用旋转（3 项独立开关）
    • 🟢 屏幕空间平移开关

  • 🟢 其他

    • 🟢 自动保存开关（手动确认后写入设置）
    • 🟢 一键恢复默认视图设置

  • 🟢 单位

    • 🟢 公制单位（厘米 / 米），属性面板统一换算

• 🟢 快捷键

  • 🟢 项目操作

    • 🟢 新建项目（⌘/Ctrl + ⌥/Alt + N）
    • 🟢 保存（⌘/Ctrl + S）
    • 🟢 重命名（⌘/Ctrl + R）
    • 🟢 撤销（⌘/Ctrl + Z）
    • 🟢 重做（⌘/Ctrl + Y）

  • 🟢 编辑操作

    • 🟢 复制（⌘/Ctrl + C）
    • 🟢 剪切（⌘/Ctrl + X）
    • 🟢 粘贴（⌘/Ctrl + V）
    • 🟢 删除（Backspace / Delete）
    • 🟢 分组（⌘/Ctrl + G）
    • 🟢 解组（⌘/Ctrl + Shift + G）
    • 🟢 取消绘制（Esc）

  • 🟢 视图操作

    • 🟢 切换 2D / 3D（⌘/Ctrl + /）
    • 🟢 放大（⌘/Ctrl + [）
    • 🟢 缩小（⌘/Ctrl + ]）
    • 🟢 聚焦全局（⌘/Ctrl + 9）
    • 🟢 聚焦选区（⌘/Ctrl + 0）
    • 🟢 搜索元件（⌘/Ctrl + J）
    • 🟢 全屏切换

• 🟢 状态栏与信息

  • 🟢 场景信息卡片（鼠标悬停展开详情，标题实时显示当前模式）
    • 🟢 2D / 3D 实时帧率（按等级染色：绿 / 黄 / 橙 / 红）
    • 🟢 顶点总数
    • 🟢 线条总数
    • 🟢 三角面片总数
    • 🟢 纹理贴图数量
    • 🟢 物体数量
  • 🟢 当前场景缩放比例
  • 🟢 拖拽时实时坐标显示
  • 🟢 场景范围 / 边界
  • 🟢 最近保存时间
  • 🟢 应用版本号
  • 🟢 错误 / 警告计数提示（点击跳转到日志面板）
  • 🟢 底部快捷键提示条（根据当前绘制模式动态展示可用快捷键）

• 🟢 帮助与引导

  • 🟢 快捷键说明页（独立路由，完整快捷键表）
  • 🟢 新手引导（分步覆盖：菜单栏 / 工具栏 / 模型栏 / 属性栏）
  • 🟢 问题反馈（跳转 GitHub Issues 提交 Bug 与建议）

• 🟢 平台适配

  • 🟢 桌面端
  • 🟢 移动端响应式布局
    • 🟢 底部面板切换按钮（元件库 / 属性 / 工具栏抽屉式）
    • 🟢 漫游虚拟摇杆（触屏方向控制 + 旋转按钮）
    • 🟢 横向滚动信息条（手势友好）

• 🟡 管理

  • 🟢 参考线管理（增删改 / 颜色 / 显隐）
  • 🟢 多楼层管理（图层系统）
  • 🟢 元件分组管理
  • 🟢 属性管理
  • ⚪ 一键外景（在地图上框选矩形区域，自动拉取真实世界的建筑与道路数据，生成该区域的白模外景）
  • ⚪ 组件（选中多个模型保存为新的组合元件，出现在模型库中可重复拖拽，支持保存/删除/重命名）