简介
三维空间重建 是如视的核心技术能力:基于线下采集空间数据,如视云服务器通过自动建模、智能空洞填补、全自动数据提取、HDR 优化等三维重建技术将全部数据及图片纹理精准映射到三维模型上,还原真实三维空间。
作为VR 空间重构领域的领导者,如视为全行业提供三维空间的采集、展示、重建能力,打造低成本、高效、有针对性的 VR 空间应用解决方案。
渲染引擎 Five
Five是如视三维空间渲染引擎,借助 Five 引擎,您也可以利用如视的 三维空间重建 能力,打造自己的三维空间 VR 应用。
Five 是基于 Three.js 实现的在浏览器环境中运行的 三维空间渲染引擎。
Five 会解析 Work 数据并将三维信 息绘制在 <canvas>
标签中;对于渲染出来的三维模型,您可以通过点击、旋转、缩放、移动等手势与其进行交互。
此外,Five 提供了一系列的 状态属性、方法、事件"钩子"、生命周期函数。您可以方便地基于 Five 进行二次开发,并集成到您自身的项目中,为您的项目添砖加瓦。
Five 还提供了完善的 React Context、React Hooks API、Vue Composition API 支持,可以方便的搭配 React 或 Vue 开发复杂的响应式数据应用。
Work 数据
Work 是如视自主研发的三维空间数字化描述格式。可以通过如视硬件设备(如视扫描仪 、如视 Lite 全景相机 、如视 VR App )扫描物理空间并处理之后用于三维空间展示的数据。
Work 以 JSON
作为数据格式 Five 框架可以解析 Work 数据并在 web 上渲染三维空间。一个 Five 实例每次可以载入并展示一个 Work 。并且也可以在不同的 Work 之间动态切换。
你可以通过访问我们开源的如视公开 Work 数据集快速上手三维空间应用的开发。
本文档会假设你对 HTML、CSS 和 JavaScript 已经基本熟悉。如果你对前端开发完全陌生,最好不要直接从一个框架开始进行入门学习——最好是掌握了基础知识再回到这里。你可以通过这篇 JavaScript 概述 来检验你的 JavaScript 知识水平。如果之前有其他框架的经验会很有帮助 ,但也不是必须的。