检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
图1 VPS坐标系示意图 Three.js渲染引擎坐标系 摆放虚拟物体时需要注意:Three.js的相机朝向是Z轴的反向。 图2 Three.js渲染引擎坐标系示意图 坐标系转换 SDK提供了UTM坐标与渲染引擎(如Three.js、LayaAir)坐标之间的转换方法。
// 认证用的AK、SK硬编码到代码中或明文存储都有很大的安全风险,建议在代码中配置加密后的AK/SK,解密后传入hwar.setAKSK方法中。
已安装代码编辑器,如Visual Studio Code。 已安装Web服务器,如http-server、VSCode插件live-server、Tomcat等。
开发概述 WebARSDK简介 WebARSDK是一款轻量化JS-SDK,支持租户通过SDK快速集成和使用KooMap AR地图运行服务,开放能力的内存增加不大于3MB,运行时不依赖于Native App,可通过主流Web浏览器平台、主流终端设备的App内嵌WebView,实现WebAR
代码示例 开启AR会话功能的代码样例,具体见WebARSDK包中hwar目录下的demo.html。 WebARSDK包的目录请参考图1。 父主题: WebARSDK使用手册
代码示例 完整的示例代码在SDK压缩包Cyberverse-HTFoundation.zip的Demo.zip中。 您可在创建完成后的Unity项目中找到对应的示例代码。 父主题: HTSDK使用手册
= hwar.utm2Render([xxx, xxx, xxx]); // 渲染坐标转成UTM坐标(TS语言,以Three.js为例) let renderPosUtm:THREE.Vector3 = hwar.render2Utm([xxx, xxx, xxx]); 父主题
视频流图像可通过Three.js、LayaAir等WebGL渲染引擎渲染成背景画面。 您可以根据相机矩阵、视频流图像及路径点,自定义渲染导航路径、虚拟数字内容。 自定义渲染导航路径时,建议您分段处理路径,及时移除失效路径点。
以事件名"UPDATE_CAMERA_FOV"为例 hwar.addEventListener("UPDATE_CAMERA_FOV", (evt) => { resolve(evt.data.fy);//请根据返回的fy来设置渲染相机的fov }); // Three.js
AR地图生产服务 注册账号 申请公测 开通服务 快速上手AR地图生产服务 05 API与SDK 通过云地图服务丰富的API以及相关代码示例,帮助您轻松实现二次开发。
API Explorer可以自动生成SDK代码示例,并提供SDK代码示例调试功能。 URI POST /v1/algo/navi 请求参数 表1 请求Header参数 参数 是否必选 参数类型 描述 X-Trace-Id 否 String 参数解释: 追踪请求ID。
HTFoundation是适配HTSDK的示例代码,供用户在Unity3D中开发业务。 HTFoundation示例实现了真实世界构建、世界位姿定位和跟踪、虚实世界呈现。基于HTFoundation示例,用户可构建虚拟世界,包括虚拟对象设计、行为设计实现和业务逻辑开发。
状态码是一组从1xx到5xx的数字代码,状态码表示了请求响应的状态,完整的状态码列表请参见状态码。 对AR导航接口,如果调用后返回状态码为“200”,则表示请求成功。 响应消息头 对应请求消息头,响应同样也有消息头,如“Content-type”。
HTSDK使用手册 开发概述 总体开发思路 准备工作 快速开始 创建HTFoundation会话 AR导航 代码示例 常用调试方法
WebARSDK使用手册 开发概述 总体开发思路 准备工作 快速开始 开启AR会话 实现AR导航 API列表 代码示例 常用调试方法
// 认证用的AK、SK硬编码到代码中或明文存储都有很大的安全风险,建议在代码中配置加密后的AK、SK,在使用的地方解密。
建议在代码中配置加密后的AK/SK,解密后传入hwar.setAKSK方法中。
// 认证用的AK、SK硬编码到代码中或明文存储都有很大的安全风险,建议在代码中配置加密后的AK、SK,在使用的地方解密。
API Explorer可以自动生成SDK代码示例,并提供SDK代码示例调试功能。 URI POST /v1/algo/vps 请求参数 表1 请求Header参数 参数 是否必选 参数类型 描述 X-Trace-Id 否 String 参数解释: 追踪请求ID。
to": { "x": "终点位置x坐标", "y": "终点位置y坐标", "z": "终点位置z坐标" } } } 到这里为止这个请求需要的内容就具备齐全了,您可以使用curl、Postman或直接编写代码等方式发送请求调用