跳到主要内容

简介

三维空间重建如视的核心技术能力:基于线下采集空间数据,如视云服务器通过自动建模、智能空洞填补、全自动数据提取、HDR 优化等三维重建技术将全部数据及图片纹理精准映射到三维模型上,还原真实三维空间。

作为VR 空间重构领域的领导者,如视为全行业提供三维空间的采集、展示、重建能力,打造低成本、高效、有针对性的 VR 空间应用解决方案。

渲染引擎 Five

npm version

Five是如视三维空间渲染引擎,借助 Five 引擎,您也可以利用如视的 三维空间重建 能力,打造自己的三维空间 VR 应用。 Five 是基于 Three.js 实现的在浏览器环境中运行的 三维空间渲染引擎Five 会解析 Work 数据并将三维信息绘制在 <canvas> 标签中;对于渲染出来的三维模型,您可以通过点击、旋转、缩放、移动等手势与其进行交互。 此外,Five 提供了一系列的 状态属性方法事件"钩子"生命周期函数。您可以方便地基于 Five 进行二次开发,并集成到您自身的项目中,为您的项目添砖加瓦。

Five 还提供了完善的 React ContextReact Hooks APIVue Composition API 支持,可以方便的搭配 ReactVue 开发复杂的响应式数据应用。

Work 数据

npm version

Work如视自主研发的三维空间数字化描述格式。可以通过如视硬件设备(如视扫描仪如视 Lite 全景相机如视 VR App )扫描物理空间并处理之后用于三维空间展示的数据。

WorkJSON 作为数据格式 Five 框架可以解析 Work 数据并在 web 上渲染三维空间。一个 Five 实例每次可以载入并展示一个 Work 。并且也可以在不同的 Work 之间动态切换。

你可以通过访问我们开源的如视公开 Work 数据集快速上手三维空间应用的开发。

预备知识

本文档会假设你对 HTML、CSS 和 JavaScript 已经基本熟悉。如果你对前端开发完全陌生,最好不要直接从一个框架开始进行入门学习——最好是掌握了基础知识再回到这里。你可以通过这篇 JavaScript 概述 来检验你的 JavaScript 知识水平。如果之前有其他框架的经验会很有帮助,但也不是必须的。